overscroll-behavior-y
Misol
Aylantiriladigan <div> elementi uchun aylantirish zanjirini (scroll chaining) o‘chiring:
#yellowDiv {
overscroll-behavior-y: contain;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
overscroll-behavior-y xususiyati y 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.
| Standart qiymat: | auto |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.overscrollBehaviorY="none" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| overscroll-behavior-y | 63.0 | 18.0 * | 59.0 | 16.0 | 50.0 |
* Microsoft Edge’da 'none' xususiyat qiymati 'contain' kabi qabul qilinadi va bu noto‘g‘ri.
CSS sintaksisi
overscroll-behavior-y: 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 |
Tegishli sahifalar
CSS overscroll-behavior xususiyati: CSS overscroll-behavior xususiyati
CSS overscroll-behavior-block xususiyati: CSS overscroll-behavior-block xususiyati
CSS overscroll-behavior-inline xususiyati: CSS overscroll-behavior-inline xususiyati
CSS overscroll-behavior-x xususiyati: CSS overscroll-behavior-x 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
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!