属性 na'annan CSS overscroll-behavior-block

定义和用法

overscroll-behavior-block 属性用于尝试在块方向滚动超出滚动边界时,关闭元素上的滚动链(scroll chaining)或过度滚动反馈(overscroll affordance)。

Rarrabawa na sayar yana nufin aiki a kowane hanyar na aiki a cikin yankin na aiki, kuma za a samar da aiki a yankin na aiki na baba. Wannan shine aiki na dukkanin yau.

Rarrabawa da sauri a kowane hanyar yana nufin rarrabawa da sauri a lokacin da mutum yana shawar da aiki a kowane hanyar da yake aiki a yankin. Misali, a kwallon yanar gizo, lokacin da mutum yana shawar da aiki a kowane hanyar da yake aiki a yankin na gaba, ana samar da rarrabawa na sayar da yake aiki a yankin na gaba.

CSS overscroll-behavior-block da overscroll-behavior-inline Halittu na aiki suna da halittu na overscroll-behavior-x da overscroll-behavior-y Halittu na aiki na yana da yawa daban-daban, amma overscroll-behavior-block da overscroll-behavior-inline Halittu na aiki aiki na ba da damar kwanan nan.

Kware:Masu sauraro da halittu writing-mode An gudanar da kowacce na aiki. Za a rarrabawa kowacce na aiki a kowacce x ko y, kuma kuma a kuma yankin. overscroll-behavior-block Wurin halittu na aiki. Don wasu yarukan, kowacce na aiki yana nufin kammala yamma, amma kuma yankin yana nufin kammala daga kudu zuwa nisa.

Shirin

Mafi kyau 1

An kammala sauri da yin sauri a kowacce da aiki <div> aiki:

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

Gyara shi shugabanci

Mafi kyau 2: Dukoki writing-mode halittu

An gudanar da <div> aiki: writing-mode An gudanar da wurin halittu 'vertical-rl', yana nufin kammala a kowacce x, kuma don haka, overscroll-behavior-block An kammala a kowacce x, kuma ba a kammala a y daga baya:

#yellowDiv {
  writing-mode: vertical-rl;
  overscroll-behavior-block: contain;
}

Gyara shi shugabanci

Lunin kwanan nan: CSS

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

Wurin halittu

Wurin Bayanin
auto A samar da sauri da yin sauri a kowane hanyar, amma a dukkanin yau, wannan shine dabbumma.
contain A samar da rarrabawa da kuma kuma sauri, amma bai a samar da sauri da yin sauri a kowane hanyar.
none Bai a samar da rarrabawa da kuma kuma sauri da yin sauri a kowane hanyar.
initial Gyara wannan halittu zuwa dabbumma. Kura kanta: initial.
inherit Daga yankin na baba zai samu wannan halittu. Kura kanta: inherit.

Bayanin teknoloji

Dabamman: auto
Kwarin zai samuwa: Rai
Yin kasuwa: Bai a samar da su. Kura kanta:Masu sauraro da yin kasuwa.
Bantin: CSS3
Lunin kwanan nan: JavaScript object.style.overscrollBehaviorBlock="none"

Rarrabawa kwallon yanar gizo

Tabbinenin da aikiya na tabbinenin da ya samu a cikin yankin da aka tsara.

Chrome Edge Firefox Safari Opera
63.0 18.0 59.0 16.0 50.0

Related Pages

References:属性 na'annan CSS overscroll-behavior

References:属性 na'annan CSS overscroll-behavior-inline

References:属性 na'annan CSS overscroll-behavior-x

References:属性 na'annan CSS overscroll-behavior-y

References:属性 na'annan CSS scroll-behavior

References:属性 na'annan CSS scroll-margin

References:Hausa scroll-padding attibutu

References:Hausa scroll-snap-align attibutu

References:CSS writing-mode hauwsiyawa