स्थिति:चिपचिपा; संपत्ति आपको स्क्रॉल स्थिति के आधार पर किसी तत्व को रखने की अनुमति देती है। जब कोई उपयोगकर्ता नीचे स्क्रॉल करता है तो तत्व को शीर्ष पर चिपचिपा के रूप में सेट करें।
उदाहरण
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>