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; }
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-block 属性
参考:CSS overscroll-behavior-inline 属性