কিভাবে তৈরি করা যায়: স্টিকি চিত্র

CSS দিয়ে স্টিকি চিত্র তৈরি করতে শিখুন。

স্টিকি চিত্র

img.sticky {
  পসিশন: -webkit-sticky; /* স্যাফারি */
  পসিশন: স্টিকি;
  টপ: ০;
}

স্বয়ং প্রয়োগ করুন

সংযোজন পসিশন: স্টিকি; এলিমেন্টটি ব্যবহারকারীর স্ক্রোলিং অবস্থান অনুযায়ী স্থানান্তরিত হবে。

স্টিকি এলিমেন্টটি স্ক্রোলিং অবস্থান অনুযায়ী স্থানান্তরিত হবে, যার মধ্যে স্ক্রোলিং অবস্থান নির্দিষ্ট স্থানে পৌঁছেছে পর্যন্ত তা স্থানান্তরিত হবে - এবং তা সেই জায়গায় 'চিকনা' হবে (যেমন পসিশন:ফিক্সড）

নোট:ইন্টারনেট এক্সলোরিয়ার, এজ ১৫ এবং তার আগের সংস্করণগুলি স্টিকি লোকেশনটি সমর্থন করে না।স্যাফারির জন্য একটি -webkit- প্রেফিক্স (দৃশ্যক্ষেত্রে দেখুন)।স্টিকি লোকেশনটি কার্যকর করতে, এটা কমপক্ষে একটি নির্দিষ্ট করা হতে হবে উপর、ডান、নিচ বা বাম একটির মধ্যে।

相关页面

教程：CSS ছবি

教程：CSS 定位