属性 na'annan CSS overscroll-behavior-block
- Previous Page overscroll-behavior
- Next Page overscroll-behavior-inline
定义和用法
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; }
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; }
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
- Previous Page overscroll-behavior
- Next Page overscroll-behavior-inline