Hausa CSS overscroll-behavior attibutu

Tiratar da bayanin da ke daidai da kai yadda

overscroll-behavior Shafin ake yadda don kammala rarrarawar na yadda (scroll chaining) ko rarrarawar na yadda (overscroll affordance) aya.

Rarrarawar na yadda: idan ake yadda yadda ake kai aya, ana gudan yadda aya na yadda. wannan ne wanda ake zama.

Rarrarawar da yadda: wannan ne wanda ake bada bayan yadda ake gudan yadda yadda ake kai. Misali, idan ake daidai aya yadda yadda ake kai aya na dace, ana gudan yadda aya kai sauki yadda.

overscroll-behavior 属性是以下属性的简写形式:

overscroll-behavior 属性的值可以通过不同方式设置:

如果 overscroll-behavior 属性有两个值:

overscroll-behavior: none contain;
  • x 方向:没有过度滚动行为
  • y 方向:没有滚动链,但允许过度滚动反馈

如果 overscroll-behavior 属性有一个值:

overscroll-behavior: contain;
  • x 和 y 方向:没有滚动链,但允许过度滚动反馈

实例

例子 1

关闭可滚动

元素的滚动链:

#yellowDiv {
  overscroll-behavior: contain;
}

亲自试一试

例子 2:双值语法:

overscroll-behavior 属性值设置为 auto none,允许 x 方向的滚动链和过度滚动反馈,但 y 方向不允许:

#pinkDiv {
  overcroll-behavior: auto none;
}

亲自试一试

CSS 语法

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

属性值

描述
auto 允许滚动链和过度滚动反馈行为。默认值。
contain 允许过度滚动反馈行为,但不允许滚动链。
none 不允许过度滚动反馈或滚动链行为。
initial A gina cikiwa kaiwa dake burin cikiwa. Kura: initial.
inherit A gina cikiwa burin cikin yankin baba. Kura: inherit.

Tasirin yanaradun

Kaiwa dake: auto
Yankin gina: Rai
Yankin kaiwa: A kaiwa. Kura:Tasirin yankin kaiwa.
Tasirin: CSS3
Girman JavaScript: object.style.overscrollBehavior="none"

Rarrabawa burarin

Tasirin kananan cikin tabular ne koyar cikin burarin a gina cikiwa cikin burarin a gina cikiwa.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* A cikin Microsoft Edge, burin cece 'none' a kara ce 'contain', wani kaiya ce kowa.

الصفحات ذات الصلة

مرجع:Hausa CSS overscroll-behavior-x attibutu

مرجع:Hausa CSS overscroll-behavior-y attibutu

مرجع:Hausa CSS scroll-behavior attibutu

مرجع:Hausa CSS scroll-margin attibutu

مرجع:Ainiyarin CSS scroll-padding

مرجع:Ainiyarin CSS scroll-snap-align