CSS overscroll-behavior-y 属性
- 上一页 overscroll-behavior-x
- 下一页 padding
Paglalarawan at paggamit
overscroll-behavior-y
Ang katangian ay ginagamit upang i-close ang scroll chain o pag-over-scroll feedback kapag sinusubukan na i-scroll labas ng hangganan ng pag-scroll sa y-axis.
Scroll chainAy ang pag-over-scroll sa isang elemento na magiging epekto sa pagkilos ng pag-scroll ng magulang na elemento. Ito ang default na pagkilos.
Over-scrollAng feedback ay ang pagbibigay ng feedback kapag ang user ay sinusubukan na i-scroll labas ng hangganan ng pag-scroll. Halimbawa, sa mobile device, kapag sinusubukan na i-scroll labas ng itaas ng pahina, madalas na mayroong visual feedback na pag-reshufle ng pahina.
Sample
I-close ang scroll chain ng scrollable <div> element:
#yellowDiv { overscroll-behavior-y: contain; }
Grammar ng CSS
overscroll-behavior-y: auto|contain|none|initial|inherit;
Halaga ng katangian
Halaga | Paglalarawan |
---|---|
auto | Pinapayagan ang pagkilos ng scroll chain at pag-over-scroll feedback. Default na halaga. |
contain | Pinapayagan ang pagkilos ng feedback ng pag-over-scroll ngunit hindi ang scroll chain. |
none | Hindi pinapayagan ang feedback ng pag-over-scroll o pagkilos ng scroll chain. |
initial | I-set ang katangian sa kanyang default na halaga. Tingnan: initial. |
inherit | Mumunukan ang katangian mula sa magulang na elemento. Tingnan: inherit. |
Detalye ng teknolohiya
Default na halaga: | auto |
---|---|
Inherits: | Hindi |
Gawa ng animasyon: | Hindi sumusuporta. Tingnan ang:Katangian ng animasyon. |
Bersyon: | CSS3 |
Grammar ng JavaScript: | object.style.overscrollBehaviorY="none" |
Suporta ng Browser
Ang mga numero sa talahanayan ay nangangahulugan ng 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 ginagawang contain, ito ay hindi tama.
相关页面
参考:CSS overscroll-behavior-block 属性
参考:CSS overscroll-behavior-inline 属性
- 上一页 overscroll-behavior-x
- 下一页 padding