CSS właściwość overscroll-behavior-y

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;
}

Spróbuj sam

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