CSS overscroll-behavior-y 属性

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;
}

Subukan nang sarili

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 属性

参考:CSS overscroll-behavior-block 属性

参考:CSS overscroll-behavior-inline 属性

参考:CSS overscroll-behavior-x 属性

参考:CSS scroll-behavior 属性

参考:CSS scroll-margin 属性

参考:CSS scroll-padding 属性

参考:CSS scroll-snap-align 属性