overscroll-behavior
Misol
Aylantiriladigan <div> elementi uchun aylantirish zanjirini (scroll chaining) o‘chiring:
#yellowDiv {
overscroll-behavior: contain;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
overscroll-behavior xususiyati aylantirish chegarasidan o‘tib aylantirishga urinilganda elementdagi aylantirish zanjirini (scroll chaining) yoki chegaradan o‘tib aylantirish effektini (overscroll affordance) 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.
overscroll-behavior xususiyati quyidagi xususiyatlar uchun qisqartmadir:
overscroll-behavior xususiyati qiymatlarini turli usullarda o‘rnatish mumkin:
Agar overscroll-behavior xususiyati ikkita qiymatga ega bo‘lsa:
- overscroll-behavior: none contain;
- x yo‘nalishi: overscroll-behavior yo‘q
- y yo‘nalishi: aylantirish zanjiri yo‘q, lekin overscroll affordance’ga ruxsat beriladi
Agar overscroll-behavior xususiyati bitta qiymatga ega bo‘lsa:
- overscroll-behavior: contain;
- x yoki y yo‘nalishida aylantirish zanjiri yo‘q, lekin overscroll affordance’ga ruxsat beriladi
| Standart qiymat: | auto |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.overscrollBehavior="none" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| overscroll-behavior | 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: 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
Ikki qiymatli sintaksis
overscroll-behavior xususiyati qiymati 'auto none' bo‘lganda aylantirish zanjiri va overscroll affordance x yo‘nalishida ruxsat etiladi, y yo‘nalishida esa ruxsat etilmaydi:
#pinkDiv {
overcroll-behavior: auto none;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
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
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!