Hisia scroll-behavior

定义和用法

scroll-behavior 属性规定当用户单击可滚动框中的链接时，是否平滑地（具动画效果）滚动位置，而不是直线跳转。

Mfano

Ingeza kina ya kusikia kwa kusikia kwa huzuni kwa andiko hili:

html {
  scroll-behavior: smooth;
}

Tafadhali, tafadhali inafanyia kwa mwenyewe

Inasikia ya CSS

scroll-behavior: auto|smooth|initial|inherit;

Chaguo cha kina

Chaguo Inasikitika
auto Chaguo cha kuzingatia. Inaruhusi kufanya "kina ya kusikia" kwenye vitu vinao ndani ya kina ya kusikia kwa kusikia kwa kuzingatia kwa kina kipya kila mara.
smooth Inaruhusi kufanya "kina ya kusikia" kwenye vitu vinao ndani ya kina ya kusikia kwa huzuni.
initial Inasababisha kina hiki kuwa na chaguo cha kuzingatia. Tazama: initial.
inherit Inaingia kwa kina kwa sababu ya kina ya kwanza. Tazama: inherit.

Maelezo ya teknolojia

Chaguo cha kuzingatia: auto
Kumuwa: Haiwee
Uharibifu wa: Hinasahau. Tazama:Matumizi ya uharibifu.
Muda: CSSOM View Module (drafti ya kazi)
Inasikia ya JavaScript: object.style.scrollBehavior="smooth"

Inasahau ya browser

Ina namba za tabia zinaonyesha che version ya kivaa kwa browser ambao inahakikisha inasahau hicho kina.

Chrome IE / Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0