Hisia scroll-margin-block-start

定义和用法

Tabia hii inahitajika kupata tabia ya 'start' kutumika. 属性指定了在块方向上吸附位置与容器之间的距离。

这意味着当您停止滚动时，滚动会快速调整并停止在块方向上子元素起始处的吸附位置与容器之间的指定距离处。

Makao wakati ni mwenye maana ya kilele cha muundo wa siku ya ingawa, hii ni pia muundo wa kifaa cha CSS display: block; (kama kifaa <p> na <div>) katika muundo wa ukurasa. Makao wakati hanaagiza lugha, kama vile Kichine wakati wa kuzingatia ni kutoka kushoto hadi kulia, hivyo makao wakati ni kutoka kushoto hadi kulia, wakati wa ukurasa wa Kiingereza makao wakati ni kusini. Makao wakati waadilifu kwa CSS property writing-mode Kufadhihi.}

Adhunikisha inaangazia kiwango cha kiini ambao kinaadhimisha kwa kina kama ukishindwa kusoma.

Tahadhari:Tabia hii inakusababisha kwenye jinsi ya kufikia na kina. Tabia ya efekti, inahitajika kuweka tabia hii kwa kina elementi. Tabia hii inakusababisha kwenye jinsi ya kufikia na kina.

Kufikia tabia hii inahitajika tabia ya 'start' kuwa na tabia ya 'start'. Tabia hii inahitajika kupata tabia ya 'start' kutumika. Tabia hii inakusababisha kwenye jinsi ya kufikia na kina. Tabia hii inahitajika kupata tabia ya 'start' kutumika. na Tabia ya efekti, inahitajika kuweka tabia hii kwa kina elementi. scroll-margin-block-start Tabia, na kusababisha tabia ya scroll-snap-align Tabia ya scroll-snap-type

ya CSS. scroll-margin-inline na scroll-margin-block Tabia na tabia ya CSS Mfano wa CSS scroll-margin-top,scroll-margin-bottom,scroll-margin-left na scroll-margin-right Zinazohusiana sana, lakini scroll-margin-block na scroll-margin-inline Tabia hizi inahusiana na jinsi ya kufikia na jinsi ya kufikia.

Mfano

Mfano 1

Kwenye jinsi ya kufikia, kufikia na eneo la kifungu na msaada wa kusababisha kusoma kwa miheu ya 20px:

div {
  scroll-margin-block-start: 20px;
}

Kutembelea kwa urahisi

Mfano 2

Kama <div> elementi ina: writing-mode Kama tabia ya vertical-rl inapatikana, jinsi ya kufikia kutoka kulia hadi kushoto inaonyesha: kina

div {
  scroll-margin-block-start: 50px;
  writing-mode: vertical-rl;
}

Kutembelea kwa urahisi

Inayotumika kiingilizi cha CSS:

scroll-margin-block-start: 0|value|initial|inherit;

Wakati wa kina

Vitabu vya mifumo

Makampuni wa browser

Mafaniko ya tabia hizi ina maadili ya kina kwa sababu ni browser za kwanza zilosakinisha tabia hii.

Makutano ya habari

Tazama:Mfano wa CSS scroll-snap-align

Tazama:Mfano wa CSS scroll-snap-type

Tazama:Mafuta wa writing-mode wa CSS