பதவி
ஒரு உறுப்பின் நிலையை விரைவாக உள்ளமைக்க இந்த உதவியாளர்களைப் பயன்படுத்தவும்.
நிலையான மேல்
வியூபோர்ட்டின் மேற்புறத்தில், விளிம்பிலிருந்து விளிம்பிற்கு ஒரு உறுப்பை வைக்கவும். உங்கள் திட்டத்தில் நிலையான நிலையின் கிளைகளை நீங்கள் புரிந்துகொண்டுள்ளீர்கள் என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்; நீங்கள் கூடுதல் CSS சேர்க்க வேண்டும்.
<div class="fixed-top">...</div>
நிலையான அடிப்பகுதி
வியூபோர்ட்டின் கீழே, விளிம்பிலிருந்து விளிம்பிற்கு ஒரு உறுப்பை வைக்கவும். உங்கள் திட்டத்தில் நிலையான நிலையின் கிளைகளை நீங்கள் புரிந்துகொண்டுள்ளீர்கள் என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்; நீங்கள் கூடுதல் CSS சேர்க்க வேண்டும்.
<div class="fixed-bottom">...</div>
ஒட்டும் மேல்
வியூபோர்ட்டின் மேற்புறத்தில் ஒரு உறுப்பை விளிம்பில் இருந்து விளிம்பிற்கு வைக்கவும், ஆனால் நீங்கள் அதை கடந்த பின்னரே.
<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>
ஒட்டும் அடிப்பகுதி
வியூபோர்ட்டின் அடிப்பகுதியில் ஒரு உறுப்பை விளிம்பில் இருந்து விளிம்பிற்கு வைக்கவும், ஆனால் நீங்கள் அதை கடந்த பிறகு மட்டுமே.
<div class="sticky-bottom">...</div>
பதிலளிக்கக்கூடிய ஒட்டும் அடிப்பகுதி
பயன்பாட்டிற்கு பதிலளிக்கக்கூடிய மாறுபாடுகளும் உள்ளன .sticky-bottom
.
<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>