CSS overscroll-behavior-x 属性

Definisyon at paggamit

overscroll-behavior-x Ang katangian ay ginagamit para isara ang paggalaw ng chain ng elemento o feedback ng malampas na paggalaw kapag tinatangka na maggalaw sa labas ng hangganan ng paggalaw sa x-ang paglikha.

Pansin:Para makita ang overscroll-behavior sa x-ang paglikha, maaring kailangan mong gamitin ang paggalaw ng kamay sa touchpad o touchscreen.

Paggalaw ng chainIto ay ang paggalaw sa isang elemento na magiging epekto sa paggalaw ng magulang na elemento. Ito ang default na pag-uugali.

Malampas na paggalawAng feedback ay ang ibinibigay na pagtugon kapag tinatangka ng user na maggalaw sa labas ng hangganan ng paggalaw. Halimbawa, sa mobile devices, kapag tinatangka na maggalaw sa labas ng tuktok ng pahina, kalimitan ay mayroong visual na feedback na nagpapatuloy ng pahina.

Sample

I-close ang paggalaw ng chain ng elementong <div> sa x-ang paglikha:

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

Subukan ang iyong sarili

Grammar ng CSS

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

Halaga ng katangian

Halaga Paglalarawan
auto Pinapayagan ang paggalaw ng chain at feedback ng malampas na paggalaw. Default na halaga.
contain Pinapayagan ang feedback ng malampas na paggalaw ngunit hindi pinapayagan ang paggalaw ng chain.
none Hindi pinapayagan ang feedback ng malampas na paggalaw o paggalaw ng chain.
initial I-set ang katangian bilang default na halaga. Tingnan: initial.
inherit Makukuha mula sa pamilyar na elemento ang katangian. Tingnan: inherit.

Detalye ng teknolohiya

Default na halaga: auto
Inheritsibility: Hindi
Gawa ng animasyon: Hindi sumusuporta. Tingnan ang:Mga katangian ng animasyon.
Bersyon: CSS3
Grammar ng JavaScript: object.style.overscrollBehaviorX="none"

Suporta ng Browser

Ang mga numero sa talahanayan ay ipinapakita bilang unang bersyon ng browser na ganap na sumusuporta sa katangian.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* Sa Microsoft Edge, ang halaga ng property na none ay ituturing na contain, ito ay hindi tama.

相关页面

参考:CSS overscroll-behavior 属性

参考:CSS overscroll-behavior-block 属性

参考:CSS overscroll-behavior-inline 属性

参考:CSS overscroll-behavior-y 属性

参考:CSS scroll-behavior 属性

参考:CSS scroll-margin 属性

参考:CSS scroll-padding 属性

参考:CSS scroll-snap-align 属性