Padaryti div vertikaliai slenkamą naudojant CSS

Padaryti div vertikaliai slenkamą naudojant CSS

Naudojant CSS perpildymo ypatybę, nesunku padaryti div vertikaliai slenkamą. Yra skirtingų vertybių perpildymo nuosavybė . Šią ypatybę galime naudoti norėdami gauti slinkties juostą tinklalapyje. Toliau pateikti pavyzdžiai yra būdai, kaip tinklalapyje nustatyti vertikalią slinkties juostą.

1 pavyzdys: Šiame pavyzdyje mes nustatėme perpildymą-x: paslėptas; ir perpildymas-y: auto; kuri automatiškai paslėps horizontalią slinkties juostą ir parodys tik vertikalią slinkties juostą.

html




> <> html> >>> <> style> >>>

>   

Išvestis:

ezgifcom-video-to-gif-(12)

Išvestis

2 pavyzdys: Šiame pavyzdyje naudokite auto vietoj overflow-x:hidden; ir perpildymas-y:auto; kad „div“ būtų galima vertikaliai slinkti.

html




> <> html> >>> <> style> >>>

>   

Išvestis:

ezgifcom-video-to-gif-(13)

Išvestis