CSS overscroll-behavior-x eigenschap

Definitie en gebruik

overscroll-behavior-x Deze eigenschap wordt gebruikt om het scrollkettelgedrag of het overloopfeedbackgedrag van het element uit te schakelen wanneer er geprobeerd wordt om buiten de scrollgrenzen te滚en in de richting van x.

Opmerking:Om overscroll-behavior in de richting van x te activeren, moet je mogelijk een veeg手势 gebruiken op het touchpad of het touchscreen.

ScrollkettelDit is een element dat overlooping op een element veroorzaakt, wat het scrollgedrag van het ouder element veroorzaakt. Dit is het standaardgedrag.

OverloopFeedback is de feedback die wordt gegeven wanneer de gebruiker probeert te滚en buiten de滚边界. Bijvoorbeeld, op mobiele apparaten, wanneer de gebruiker probeert te滚en buiten de top van de pagina, gaat dit vaak gepaard met een visuele feedback van de pagina vernieuwen.

Voorbeeld

Sluit de scrollkettel van het rolbare <div>-element in de richting van x af:

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

Probeer het zelf uit

CSS-syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
auto Scrollkettelgedrag en overloopfeedbackgedrag toegestaan. Standaardwaarde.
contain Overloopfeedbackgedrag toegestaan, maar geen scrollkettel.
none Geen overloopfeedback of scrollkettelgedrag toegestaan.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erft van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Inheritantie: Nee
Animatieproductie: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript-syntaxis: object.style.overscrollBehaviorX="none"

Browserondersteuning

De cijfers in de tabel geven de versie van de eerste browser aan die deze eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* In Microsoft Edge wordt de waarde none beschouwd als contain, wat onjuist is.

相关页面

Referentie:CSS overscroll-behavior eigenschap

Referentie:CSS overscroll-behavior-block eigenschap

Referentie:CSS overscroll-behavior-inline eigenschap

Referentie:CSS overscroll-behavior-y eigenschap

Referentie:CSS scroll-behavior eigenschap

Referentie:CSS scroll-margin eigenschap

Referentie:CSS scroll-padding eigenschap

Referentie:CSS scroll-snap-align eigenschap