Yopishqoq (sticky) element
CSS yordamida yopishqoq (sticky) element yaratishni o‘rganing.
Eslatma: Bu misol Internet Explorer yoki Edge 15 va undan oldingi versiyalarda ishlamaydi.
Yopishqoq (sticky) element
position: sticky; bo‘lgan element foydalanuvchining aylantirish (scroll) holatiga qarab joylashtiriladi.
Yopishqoq element aylantirish holatiga qarab relative va fixed o‘rtasida almashadi. U ko‘rinish maydonida (viewport) berilgan siljish nuqtasiga yetguncha relative tarzda joylashadi — so‘ngra o‘z joyiga "yopishib qoladi" (position:fixed kabi).
Eslatma: Sticky joylashuv ishlashi uchun top, right, bottom yoki left dan kamida bittasini ko‘rsatishingiz shart.
CSS’da joylashtirish haqida ko‘proq bilish uchun CSS Position darsligimizni o‘qing.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!