Atrybut overscroll-behavior-x w CSS

Poprzednia strona overscroll-behavior-inline
Następna strona overscroll-behavior-y

Definicja i użycie

overscroll-behavior-x Atrybut jest używany do wyłączenia łańcucha przeciągania lub feedback过度滚动 elementu, gdy próbujesz przewinąć poza granice przeciągania w kierunku x.

Uwaga:Aby wywołać overscroll-behavior w kierunku x, może być konieczne użycie gestu przeciągania na panelu dotykowym lub ekranie dotykowym.

Łańcuch przeciąganiaTo zachowanie, w którym przeciąganie poza granice elementu powoduje zachowanie przeciągania elementu nadrzędnego. Jest to zachowanie domyślne.

Over-scrollFeedback to informacja udzielana użytkownikowi, gdy próbuje on przewinąć poza granice przeciągania. Na przykład, na urządzeniach mobilnych, gdy próbujesz przewinąć poza górę strony, zazwyczaj towarzyszy temu odświeżenie strony wizualne.

Przykład

Zamknij łańcuch przeciągania elementu <div> w kierunku x, aby uniemożliwić jego przewijanie:

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

Spróbuj sam

Język CSS

overscroll-behavior-x: auto|contain|none|initial|inherit;

Wartość atrybutu

Wartość	Opis
auto	Pozwala na zachowanie łańcucha przeciągania i feedback过度滚动. Domyślna wartość.
contain	Pozwala na feedback过度滚动, ale nie pozwala na łańcuch przeciągania.
none	Nie pozwala na feedback过度滚动 lub zachowanie łańcucha przeciągania.
initial	Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość:	auto
Inherencyjność:	Nie
Tworzenie animacji:	Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja:	CSS3
Język JavaScript:	object.style.overscrollBehaviorX="none"