position: sticky প্রোপার্টি স্ক্রোল পজিশনের ভিত্তিতে এলিমেন্ট পজিশন করার অনুমতি দেয়। ইউজার স্ক্রোল ডাউন করলে এলিমেন্টকে টপে sticky সেট করুন।
উদাহরণ
নিচের কোড রান করে CSS position: sticky ইমপ্লিমেন্ট করুন।
<!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>