Asosiy tarkibga o'tish Hujjatlar navigatsiyasiga oʻtish
in English

Lavozim

Element o'rnini tezda sozlash uchun ushbu yordamchilardan foydalaning.

Ruxsat etilgan tepa

Elementni ko'rish oynasining yuqori qismiga, chetidan chetiga joylashtiring. Loyihangizdagi sobit pozitsiyaning oqibatlarini tushunganingizga ishonch hosil qiling; qo'shimcha CSS qo'shishingiz kerak bo'lishi mumkin.

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

Ruxsat etilgan pastki

Elementni ko'rish oynasining pastki qismiga, chetidan chetiga joylashtiring. Loyihangizdagi sobit pozitsiyaning oqibatlarini tushunganingizga ishonch hosil qiling; qo'shimcha CSS qo'shishingiz kerak bo'lishi mumkin.

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

Yopishqoq tepa

Elementni ko'rish oynasining yuqori qismiga chetidan chetiga o'rnating, lekin faqat uning yonidan o'tgandan keyin. Yordamchi dastur barcha brauzerlarda to'liq qo'llab-quvvatlanmaydigan .sticky-topCSS-lardan foydalanadi .position: sticky

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

Ta'sirchan yopishqoq tepa

.sticky-topUtility uchun javob beruvchi o'zgarishlar ham mavjud .

<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>