Source

অৱস্থান

এটা উপাদানৰ অৱস্থান দ্ৰুতভাৱে বিন্যাস কৰাৰ বাবে এই চৰ্টহেণ্ড সঁজুলিসমূহ ব্যৱহাৰ কৰক।

সাধাৰণ মূল্যবোধ

দ্ৰুত পজিচনিং ক্লাছ উপলব্ধ, যদিও ই প্ৰতিক্ৰিয়াশীল নহয়।

<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's ব্যৱহাৰ কৰে , position: stickyযি সকলো ব্ৰাউজাৰত সম্পূৰ্ণৰূপে সমৰ্থিত নহয়।

IE11 আৰু IE10 এ position: stickyহিচাপে ৰেণ্ডাৰ কৰিব position: relativeসেই হিচাপে, আমি শৈলীসমূহ এটা @supportsপ্ৰশ্নত ৰেপ কৰো, আঠাযুক্ততা কেৱল ব্ৰাউজাৰসমূহত সীমিত কৰি যিয়ে ইয়াক সঠিকভাৱে ৰেণ্ডাৰ কৰিব পাৰে।

<div class="sticky-top">...</div>