অবস্থান:স্টিকি;৷ সম্পত্তি আপনাকে স্ক্রোল অবস্থানের উপর ভিত্তি করে একটি উপাদান স্থাপন করতে দেয়। যখন একজন ব্যবহারকারী নিচের দিকে স্ক্রোল করে তখন উপরে স্টিকি হিসেবে একটি উপাদান সেট করুন।
উদাহরণ
আপনি CSS অবস্থান বাস্তবায়ন করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন:স্টিকি;
<!DOCTYPE html>
<html>
<head>
<style>
div.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 10px;
background-color: orange;
border: 1px solid blue;
}
</style>
</head>
<body>
<p>Scroll and see the effect!</p>
<div class = "sticky">Sticky!</div>
<div style = "padding-bottom:2000px">
<p>This is demo text.</p>
<p>Scroll down to view the sticky div.</p>
</div>
</body>
</html> 