অবস্থান
একটি উপাদানের অবস্থান দ্রুত কনফিগার করার জন্য এই শর্টহ্যান্ড ইউটিলিটিগুলি ব্যবহার করুন।
সাধারণ মান
দ্রুত পজিশনিং ক্লাস উপলব্ধ, যদিও তারা প্রতিক্রিয়াশীল নয়।
<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>
স্থির শীর্ষ
ভিউপোর্টের শীর্ষে প্রান্ত থেকে প্রান্তে একটি উপাদান রাখুন। আপনি আপনার প্রকল্পে স্থির অবস্থানের প্রভাব বুঝতে পেরেছেন তা নিশ্চিত করুন; আপনাকে অতিরিক্ত CSS যোগ করতে হতে পারে।
<div class="fixed-top">...</div>
স্থির নীচে
ভিউপোর্টের নীচে প্রান্ত থেকে প্রান্তে একটি উপাদান রাখুন। আপনি আপনার প্রকল্পে স্থির অবস্থানের প্রভাব বুঝতে পেরেছেন তা নিশ্চিত করুন; আপনাকে অতিরিক্ত CSS যোগ করতে হতে পারে।
<div class="fixed-bottom">...</div>
চটচটে শীর্ষ
ভিউপোর্টের শীর্ষে একটি উপাদানকে প্রান্ত থেকে প্রান্তে রাখুন, তবে আপনি এটিকে অতিক্রম করার পরেই। .sticky-top
ইউটিলিটি CSS এর ব্যবহার করে , position: sticky
যা সমস্ত ব্রাউজারে সম্পূর্ণরূপে সমর্থিত নয়।
IE11 এবং IE10 position: sticky
হিসাবে রেন্ডার হবে position: relative
। যেমন, আমরা শৈলীগুলিকে একটি @supports
প্রশ্নের মধ্যে মোড়ানো, আঠালোতাকে শুধুমাত্র ব্রাউজারগুলিতে সীমাবদ্ধ করে যা এটি সঠিকভাবে রেন্ডার করতে পারে।
<div class="sticky-top">...</div>