পজিশন স্টিকি কি করে?

2024 লেখক: Lynn Donovan | [email protected]. সর্বশেষ পরিবর্তিত: 2023-12-15 23:44

সঙ্গে একটি উপাদান অবস্থান : আঠালো ; ব্যবহারকারীর স্ক্রলের উপর ভিত্তি করে অবস্থান করা হয় অবস্থান . ক আঠালো স্ক্রলের উপর নির্ভর করে উপাদান আপেক্ষিক এবং স্থির মধ্যে টগল করে অবস্থান . এটি একটি প্রদত্ত অফসেট পর্যন্ত আপেক্ষিক অবস্থান করা হয় অবস্থান ভিউপোর্টে দেখা হয় - তারপর এটি জায়গায় "লাঠি" থাকে (যেমন অবস্থান : স্থির)।

একইভাবে, আমি কিভাবে আমার অবস্থান স্টিকি করতে পারি?

এর প্রভাব দেখতে স্টিকি পজিশনিং , নির্বাচন করুন অবস্থান : আঠালো বিকল্প এবং এই পাত্রে স্ক্রোল করুন। উপাদানটি তার ধারকটির সাথে স্ক্রোল করবে, যতক্ষণ না এটি কন্টেইনারের শীর্ষে থাকে (বা উপরে নির্দিষ্ট অফসেটে পৌঁছায়), এবং তারপরে স্ক্রোল করা বন্ধ করে দেয়, তাই এটি দৃশ্যমান থাকে।

এছাড়াও জানুন, অবস্থান স্টিকি এবং স্থির মধ্যে পার্থক্য কি? নির্দিষ্ট বিবরণে না গিয়ে, অবস্থান : আঠালো মূলত মত কাজ করে অবস্থান : আপেক্ষিক যতক্ষণ না একটি উপাদান একটি নির্দিষ্ট অফসেটের বাইরে স্ক্রোল করা হয়, যে ক্ষেত্রে এটি পরিণত হয় অবস্থান : স্থির , যার ফলে উপাদানটি তার সাথে "লাঠি" থাকে অবস্থান পরিবর্তে দৃশ্যের বাইরে স্ক্রোল করা হচ্ছে.

এই বিষয়ে, আমি কি CSS পজিশন স্টিকি ব্যবহার করতে পারি?

সিএসএস

Firefox, Safari, এবং Chrome Canary (56+) এ সমর্থিত। CSS অবস্থান : আঠালো Firefox, Safari, এবং Chrome Canary (56+) এ সমর্থিত।

ওয়েবকিট স্টিকি কি?

অবস্থান : আঠালো একটি নতুন উপায় অবস্থান উপাদান এবং ধারণাগতভাবে অনুরূপ অবস্থান : স্থির। পার্থক্য হল যে একটি উপাদান সঙ্গে অবস্থান : আঠালো মত আচরণ করে অবস্থান : ভিউপোর্টে একটি প্রদত্ত অফসেট থ্রেশহোল্ড পূরণ না হওয়া পর্যন্ত তার পিতামাতার মধ্যে আপেক্ষিক৷