Yopishqoq rasm
CSS yordamida yopishqoq (sticky) rasm yaratishni o‘rganing.
Yopishqoq rasm (sticky)
Eslatma: Bu misol Internet Explorer yoki Edge 15 va undan oldingi versiyalarda ishlamaydi.
Yopishqoq rasm (sticky)
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.
Rasmlarga qanday uslub berish haqida ko‘proq bilish uchun CSS rasmlar darsligimizni o‘qing.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!