সিএসএস দিয়ে একটি স্টিকি উপাদান তৈরি করতে, কোডটি নিম্নরূপ -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
margin: 0px;
padding: 0px;
height: 150vh; /*To produce scroll bar*/
}
div.sticky {
position: sticky;
top: 0;
background-color: rgb(52, 21, 110);
color: white;
padding: 50px;
font-size: 20px;
}
</style>
</head>
<body>
<h1>Sticky Element Example</h1>
<h2>Random Header Text</h2>
<h2>Randorm Header Text</h2>
<div class="sticky">Sticky Element</div>
<p style="font-size: 35px;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit vel dolore delectus
esse consequatur at nulla, consequuntur sint quas ea. Incidunt, ex. Consequatur
ipsa earum veritatis fugiat iusto, doloremque sunt beatae quaerat laboriosam nemo
soluta quidem porro quia. Dolore reprehenderit cum voluptatibus eius assumenda
ipsam tenetur asperiores magni aliquid eligendi doloribus quidem ipsa et praesentium
provident molestias quaerat laboriosam, veniam aspernatur repellendus. Debitis sapiente,
odit iste voluptatibus nesciunt veritatis incidunt mollitia nostrum, vitae suscipit iusto
molestias consequuntur rem facere perspiciatis ad! Ratione reiciendis asperiores aperiam
vitae facilis accusantium non aliquid, facere cupiditate reprehenderit tempore veritatis
eum accusamus omnis tempora quos! </p>
</body>
</html> আউটপুট
উপরের কোডটি নিম্নলিখিত আউটপুট −
তৈরি করবে 
একটু নিচে স্ক্রোল করলে উপাদানটি স্থির হিসাবে কাজ করবে -
