overscroll-behavior-inline
Misol
Aylantiriladigan <div> elementi uchun inline yo‘nalishida aylantirish zanjirini o‘chiring:
#yellowDiv {
overscroll-behavior-inline: contain;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
overscroll-behavior-inline xususiyati inline yo‘nalishida aylantirish chegarasidan o‘tib aylantirishga urinilganda elementdagi aylantirish zanjirini yoki overscroll affordance’ni o‘chirish uchun ishlatiladi.
Eslatma: Inline yo‘nalishida overscroll-behavior’ni ishga tushirish uchun yon tomonga aylantirishda sensorli panel (touchpad) yoki sensorli ekranda surish (swipe) imo-ishorasidan foydalanishingiz kerak bo‘lishi mumkin.
Scroll chaining (aylantirish zanjiri) — element chegarasidan o‘tib aylantirish ota elementning aylanishiga olib keladigan holat. Bu standart xatti-harakat.
Overscroll affordance — aylantirish chegarasidan tashqariga aylantirishga urinilganda foydalanuvchiga beriladigan javob signali. Masalan, mobil qurilmalarda sahifaning eng yuqorisidan tashqariga aylantirishga urinilganda odatda vizual javob signali bilan birga sahifa yangilanadi.
CSS overscroll-behavior-inline va overscroll-behavior-block xususiyatlari CSS overscroll-behavior-x va overscroll-behavior-y xususiyatlariga juda o‘xshaydi, ammo overscroll-behavior-inline va overscroll-behavior-block xususiyatlari inline va blok yo‘nalishlariga bog‘liq.
Eslatma: Bog‘liq CSS xususiyati writing-mode inline yo‘nalishini belgilaydi. Bu inline yo‘nalishi x yoki y yo‘nalishida bo‘lishiga hamda overscroll-behavior-inline xususiyatining natijasiga ta’sir qiladi. Ingliz tilidagi sahifalarda inline yo‘nalishi chapdan o‘ngga, blok yo‘nalishi esa yuqoridan pastga bo‘ladi.
| Standart qiymat: | auto |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.overscrollBehaviorInline="none" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| overscroll-behavior-inline | 63.0 | 18.0 | 59.0 | 16.0 | 50.0 |
CSS sintaksisi
overscroll-behavior-inline: auto|contain|none|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| auto | Aylantirish zanjiri va overscroll affordance xatti-harakatiga ruxsat beradi. Bu standart qiymat |
| contain | Overscroll affordance xatti-harakatiga ruxsat beradi, lekin aylantirish zanjiriga ruxsat bermaydi. |
| none | Overscroll affordance yoki aylantirish zanjiri xatti-harakatiga ruxsat bermaydi. |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Ko‘proq misollar
writing-mode xususiyati bilan
<div> elementining writing-mode xususiyati qiymati 'vertical-rl' bo‘lganda inline yo‘nalishi y yo‘nalishida bo‘ladi, shuning uchun overscroll-behavior-inline endi x yo‘nalishi o‘rniga y yo‘nalishida ishlaydi:
#yellowDiv {
writing-mode: vertical-rl;
overscroll-behavior-inline: contain;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS overscroll-behavior xususiyati: CSS overscroll-behavior xususiyati
CSS overscroll-behavior-block xususiyati: CSS overscroll-behavior-block xususiyati
CSS overscroll-behavior-x xususiyati: CSS overscroll-behavior-x xususiyati
CSS overscroll-behavior-y xususiyati: CSS overscroll-behavior-y xususiyati
CSS scroll-behavior xususiyati: CSS scroll-behavior xususiyati
CSS scroll-margin xususiyati: CSS scroll-margin xususiyati
CSS scroll-padding xususiyati: CSS scroll-padding xususiyati
CSS scroll-snap-align xususiyati: CSS scroll-snap-align xususiyati
CSS writing-mode xususiyati: CSS Writing-mode xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!