Mwili wa CSS overscroll-behavior-block

Kwanza ja overscroll-behavior
Pya ja overscroll-behavior-inline

定义和用法

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

滚动链是指在一个元素上过度滚动会导致父元素的滚动行为。这是默认行为。

过度滚动反馈是当用户尝试滚动超出滚动边界时给予的反馈。例如，在移动设备上，当尝试滚动超出页面顶部时，通常会伴随着页面刷新的视觉反馈。

CSS 的 overscroll-behavior-block 和 overscroll-behavior-inline 属性与 overscroll-behavior-x 和 overscroll-behavior-y 属性非常相似，但 overscroll-behavior-block 和 overscroll-behavior-inline 属性依赖于块方向和行内方向。

注意：相关的 CSS 属性 writing-mode Inaangazia kina ya kubuni. Hii inaathiri kina ya kubuni inayotaka xaua kwa kina ya kubuni ama yote. overscroll-behavior-block Chanzo cha kina inaangazia kina ya kubuni inayotaka xaua. Kwa ukurasa wa Kijerumani, kina ya kubuni inaingia kimaada, kina ya kina inaingia kwenye uharibifu kutoka kushoto hadi kulia.

Mfano

Mfano 1

Kumaliza chaine ya kusoma katika elementi ya <div> inayosikia:

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

Jifunze kusema.

Mfano 2: Kuhusiana na chanzo cha writing-mode

Kufungua elementi ya <div> ya writing-mode Kama chaguo cha kina ya writing-mode inaingia 'vertical-rl', kina ya kubuni inatoka x, kwa sababu overscroll-behavior-block Sasa inategemea x, bila ya y:

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

Jifunze kusema.

Inayofungwa na CSS:

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

Kina ya chanzo

Kina	Maelezo
auto	Inafaa matukio ya kusoma chaine ya kusoma na kutoa taarifa za kusikia kasi ya kusoma. Chaguo cha kuzingatia.
contain	Inafaa kutoa taarifa za kusikia kasi ya kusoma, lakini hataa matukio ya kusoma chaine ya kusoma.
none	Hakuna taarifa za kutoa kasi ya kusikia au matukio ya kusoma chaine ya kusoma.
initial	Kuweka hiyo chanzo kwa chaguo cha kuzingatia. Angalia initial.
inherit	Kununua hiyo chanzo kutoka kwa elementi yake ya mababa. Angalia inherit.

Vitoelezea teknolojia

Chaguo cha kuzingatia:	auto
Ukumuishi:	Hapana
Kupata uendelevu wa hali ya uharibifu:	Hakuna. Angalia:Jinsi ya kuanza.
Muundo:	CSS3
Inayofungwa na JavaScript:	object.style.overscrollBehaviorBlock="none"