Hisia cha CSS scroll-margin-block-end

Muhtasari na matumizi

scroll-margin-block-end Inasema kwamba kina inasababisha kwa sababu ya mawili katika uwanja wa kwenye mawili, nafasi ya kusaidia na uwanja wa kwenye mawili.

Hii inamaanisha kwamba wakati unaingiliana kwenye uwanja wa kwenye mawili, uwanja unaingiliana kwa kasi na kumaliza katika uwanja wa kwenye mawili na kufikia nafasi ya kufikia kwa sababu ya mawili mengine katika uwanja wa kwenye mawili na uwanja wa kwenye mawili.

Muundo wa kwenye mazingira wa mawili unaonyesha kwa sababu ya uwanja wa ukitumia, mawili mengine yanaingizwa kwenye uwanja huo. Hii ni pia uwanja wa kusaidia kwenye uenezi wa vifaa vya CSS display: block; (kama punde na div label) katika ukili wa kijani. Muundo wa kwenye mawili unaonyesha kwa sababu ya lugha ya kitabaka, kama, lugha ya Mongolian ina uwanja wa mawili kutoka kushoto hadi kulia, hivyo muundo wa kwenye mawili ni kutoka kushoto hadi kulia, na muundo wa kwenye mawili wa lugha ya Kiingereza ni kwenye chini. Muundo wa kwenye mawili unaonyesha kwa sababu ya sababu ya CSS kina. writing-mode kuzingatia.}

Adhunikia ni nafasi ambapo kina hiyo hiyo elementi iharibishwe kwenye kina hiyo hiyo elementi kama uharibifu wa kusoma kufikia kina hiyo hiyo elementi.

Hataje.Hatua hii inahitaji kuwa katika hatua ya kina hiyo hiyo. scroll-snap-align Hatua inasababisha kufanyika kama chaguo cha 'end'.

Kupata scroll-margin-block-end Hatua inayowakilika hii, inahitaji kuweka katika elementi ya kina hiyo hiyo. scroll-margin-block-end na scroll-snap-align Hatua, na inasababisha hatua ya scroll-snap-type Hatua.

Hatua ya CSS... scroll-margin-inline na scroll-margin-block Hatua na hatua ya CSS... Mfano wa CSS scroll-margin-top,scroll-margin-bottom,scroll-margin-left na scroll-margin-right Inasema hasa, lakini scroll-margin-block na scroll-margin-inline Hatua inadabika kwa hatua ya kina hiyo hiyo na hatua ya mawili.

Mfano

Mfano 1

Kwenye hatua ya kina hiyo hiyo, inasababisha kina hiyo hiyo kwa kushinda na eneo la kina hiyo hiyo elementi kwa miwango wa 20px:

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

Jifunze Kwa Ushahidi

Mfano 2

Kama <div> elementi... writing-mode Kama chaguo cha hatua cha vertical-rl, hatua ya kina hiyo hiyo elementi ni kutoka kulia hadi kushoto. Matokeo ni kwamba kina hiyo hiyo elementi kinasafiri kutoka kwenye chini hadi kushoto:

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

Jifunze Kwa Ushahidi

Inayotumika Kwa Kifungu ya CSS

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

Chaguo cha Hatua

Maelezo ya Teknolojia

Makampuni wa Kifungu

数字 katika tabia ni muungano wa browser ambao zimekubadilika kwa sababu ya hifadhi ya hiyo jina.

Vipindi vya kijumuiya

Tunaneza:Mfano wa CSS scroll-snap-align

Tunaneza:Mfano wa CSS scroll-snap-type

Tunaneza:Mwongozo wa writing-mode wa CSS