பதவி

நிலையான மேல்

வியூபோர்ட்டின் மேற்புறத்தில், விளிம்பிலிருந்து விளிம்பிற்கு ஒரு உறுப்பை வைக்கவும். உங்கள் திட்டத்தில் நிலையான நிலையின் கிளைகளை நீங்கள் புரிந்துகொண்டுள்ளீர்கள் என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்; நீங்கள் கூடுதல் CSS சேர்க்க வேண்டும்.

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

நிலையான அடிப்பகுதி

வியூபோர்ட்டின் கீழே, விளிம்பிலிருந்து விளிம்பிற்கு ஒரு உறுப்பை வைக்கவும். உங்கள் திட்டத்தில் நிலையான நிலையின் கிளைகளை நீங்கள் புரிந்துகொண்டுள்ளீர்கள் என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்; நீங்கள் கூடுதல் CSS சேர்க்க வேண்டும்.

<div class="fixed-bottom">...</div>

ஒட்டும் மேல்

வியூபோர்ட்டின் மேற்புறத்தில் ஒரு உறுப்பை விளிம்பில் இருந்து விளிம்பிற்கு வைக்கவும், ஆனால் நீங்கள் அதை கடந்த பின்னரே. .sticky-topபயன்பாடு CSS ஐப் பயன்படுத்துகிறது , இது position: stickyஎல்லா உலாவிகளிலும் முழுமையாக ஆதரிக்கப்படவில்லை.

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

பதிலளிக்கக்கூடிய ஒட்டும் மேல்

பயன்பாட்டிற்கு பதிலளிக்கக்கூடிய மாறுபாடுகளும் உள்ளன .sticky-top.

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>