overscroll-behavior-block

Misol

Aylantiriladigan <div> elementi uchun blok yo‘nalishida aylantirish zanjirini o‘chiring:

#yellowDiv { overscroll-behavior-block: contain; }

Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.

Ta’rif va qo‘llanilishi

overscroll-behavior-block xususiyati blok yo‘nalishida aylantirish chegarasidan o‘tib aylantirishga urinilganda elementdagi aylantirish zanjirini yoki overscroll affordance’ni o‘chirish uchun ishlatiladi.

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-block va overscroll-behavior-inline xususiyatlari CSS overscroll-behavior-x va overscroll-behavior-y xususiyatlariga juda o‘xshash, ammo overscroll-behavior-block va overscroll-behavior-inline xususiyatlari blok va inline yo‘nalishlariga bog‘liq.

Eslatma: Bog‘liq CSS xususiyati writing-mode blok yo‘nalishini belgilaydi. Bu blok yo‘nalishi x yoki y yo‘nalishida bo‘lishiga hamda overscroll-behavior-block xususiyatining natijasiga ta’sir qiladi. Ingliz tilidagi sahifalarda blok yo‘nalishi yuqoridan pastga, inline yo‘nalishi esa chapdan o‘ngga bo‘ladi.

Standart qiymat:	auto
Meros qilinadi:	yo‘q
Animatsiya qilinadi:	yo‘q. animatable haqida o‘qing
Versiya:	CSS3
JavaScript sintaksisi:	object.style.overscrollBehaviorBlock="none" Sinab ko‘ring

Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Xususiyat
overscroll-behavior-block	63.0	18.0	59.0	16.0	50.0

CSS sintaksisi

overscroll-behavior-block: 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 blok yo‘nalishi x yo‘nalishida bo‘ladi, shuning uchun overscroll-behavior-block endi y yo‘nalishi o‘rniga x yo‘nalishida ishlaydi:

#yellowDiv { writing-mode: vertical-rl; overscroll-behavior-block: contain; }

O‘zingiz sinab ko‘ring »

Tegishli sahifalar

CSS overscroll-behavior xususiyati: CSS overscroll-behavior xususiyati

CSS overscroll-behavior-inline xususiyati: CSS overscroll-behavior-inline xususiyati