Div:n tekeminen pystysuunnassa vieritettäväksi CSS:n avulla

Div:n tekeminen pystysuunnassa vieritettäväksi CSS:n avulla

Div:n tekeminen pystysuunnassa vieritettäväksi on helppoa CSS-ylivuotoominaisuuden avulla. Siinä on erilaisia ​​arvoja ylivuotoomaisuus . Voimme käyttää tätä ominaisuutta vierityspalkin saamiseksi verkkosivulle. Alla mainitut esimerkit ovat tapoja asettaa pystysuora vierityspalkki verkkosivulle.

Esimerkki 1: Tässä esimerkissä ylivuoto-x on asetettu: piilotettu; ja ylivuoto-y: auto; joka piilottaa automaattisesti vaakasuuntaisen vierityspalkin ja näyttää vain pystysuoran vierityspalkin.

html




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

Lähtö:

ezgifcom-video-to-gif-(12)

Lähtö

Esimerkki 2: Käytä tässä esimerkissä autoa ylivuoto-x:hidden; ja ylivuoto-y:auto; jotta div pystysuunnassa vieritettävä.

html




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

Lähtö:

ezgifcom-video-to-gif-(13)

Lähtö