কিভাবে তৈরি করা যায়: স্টিকি ইলেমেন্ট

স্টিকি ইলেমেন্ট

উদাহরণ

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

আপনার নিজেই প্রয়োগ করুন

position: sticky; এর মাধ্যমে ইলেমেন্টটি ব্যবহারকারীর সরবরাহ অবস্থান অনুযায়ী লোকেশন নির্ধারণ করে。

স্টিকি ইলেমেন্টটি স্থানান্তরিত লোকেশন এবং স্থায়ী লোকেশনের মধ্যে পরিবর্তিত হয়, যা সরাসরি সরবরাহ করা হয়। দৃশ্যপটের অন্তর্ভুক্ত অবস্থানের আগে, তা স্থানান্তরিত লোকেশনে থাকে, এরপর তা স্থানেই থাকে (যেমন position:fixed)。

মন্তব্য:ইন্টারনেট এক্সলোরার, এডজ ১৫ এবং তার আগের সংস্করণগুলির কাছে স্টিকি লোকেশনকে সমর্থন করে না। সাফারির জন্য -webkit- প্রিফিক্স প্রয়োজন (নিচের উদাহরণ দেখুন)। স্টিকি লোকেশনকে কার্যকর করতে, top, right, bottom অথবা left-এর একটি অন্তর্ভুক্ত করতেই হবে。

相关页面

教程：CSS 定位