பதவி
ஒரு உறுப்பின் நிலையை விரைவாக உள்ளமைக்க இந்த உதவியாளர்களைப் பயன்படுத்தவும்.
நிலையான மேல்
வியூபோர்ட்டின் மேற்புறத்தில், விளிம்பிலிருந்து விளிம்பிற்கு ஒரு உறுப்பை வைக்கவும். உங்கள் திட்டத்தில் நிலையான நிலையின் கிளைகளை நீங்கள் புரிந்துகொண்டுள்ளீர்கள் என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்; நீங்கள் கூடுதல் 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>