CSS właściwość overscroll-behavior-y
- Poprzednia strona overscroll-behavior-x
- Następna strona padding
Definicja i użycie
overscroll-behavior-y
Atrybut ten służy do wyłączenia łańcucha pchania lub feedback przechodzenia granicy pchania, gdy próbujemy pchać poza granice obszaru pchania w kierunku y.
Łańcuch pchaniaTo zachowanie, gdy przechodzenie granicy pchania na jednym elemencie powoduje zachowanie pchania elementu nadrzędnego. To jest zachowanie domyślne.
Przechodzenie granicy pchaniaFeedback to informacja udzielana użytkownikowi, gdy próbuje on pchać poza granice obszaru pchania. Na przykład, na urządzeniach mobilnych, gdy próbuje się pchać poza górę strony, zazwyczaj towarzyszy temu odświeżenie strony wizualne.
Przykład
Zamknij łańcuch pchania elementu <div> z pchaniem:
#yellowDiv { overscroll-behavior-y: contain; }
CSS syntax
overscroll-behavior-y: auto|contain|none|initial|inherit;
Wartość atrybutu
Wartość | Opis |
---|---|
auto | Pozwala na zachowanie łańcucha pchania i feedback przechodzenia granicy pchania. Domyślna wartość. |
contain | Pozwala na feedback przechodzenia granicy pchania, ale nie pozwala na zachowanie łańcucha pchania. |
none | Nie pozwala na feedback przechodzenia granicy pchania ani zachowanie łańcucha pchania. |
initial | Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial. |
inherit | Dochodzi do tej właściwości od elementu nadrzędnego. Zobacz: inherit. |
Szczegóły techniczne
Domyślna wartość: | auto |
---|---|
Inheredność: | Nie |
Tworzenie animacji: | Nieobsługiwane. Zobacz:Atrybuty związane z animacją. |
Wersja: | CSS3 |
JavaScript syntax: | object.style.overscrollBehaviorY="none" |
Wsparcie przeglądarki
Liczby w tabeli oznaczają wersje przeglądarek, które w pełni wspierają tę właściwość.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
63.0 | 18.0 * | 59.0 | 16.0 | 50.0 |
* W Microsoft Edge wartość属性 none jest traktowana jak contain, co jest niewłaściwe.
Strony związane
Odnośniki:CSS właściwość overscroll-behavior
Odnośniki:CSS właściwość overscroll-behavior-block
Odnośniki:CSS właściwość overscroll-behavior-inline
Odnośniki:CSS właściwość overscroll-behavior-x
Odnośniki:CSS właściwość scroll-behavior
Odnośniki:CSS właściwość scroll-margin
Odnośniki:Atrybut scroll-padding w CSS
Odnośniki:Atrybut scroll-snap-align w CSS
- Poprzednia strona overscroll-behavior-x
- Następna strona padding