alguien sabe cómo deshacerse del scroll lateral?

Pregunta de la clase:
Valores relativos y absolutos
Emiliano Montelongo

Emiliano Montelongo

Pregunta
studenthace 4 años

alguien sabe cómo deshacerse del scroll lateral?

4 respuestas
para escribir tu comentario
    Irving Juárez

    Irving Juárez

    studenthace 4 años

    Si tu página es más grande que el tamaño de la pantalla, el scroll lateral va a aparecer por defecto. Una cosa que puedes hacer es declarar a body con un height de 100vh. Así el body va a usar el 100% de la pantalla. Sin embargo, vas a necesitar poner toda tu página dentro del tamaño de la pantalla

    Brandon Argel Verdeja Dominguez

    Brandon Argel Verdeja Dominguez

    studenthace 4 años

    Hola @emiliano yo utilicé un pseudo elemento de css

    html::-webkit-scrollbar { display: none; }

    Lo puedes copiar y pegar tal cual y te funcionará, pero NO te lo recomiendo, así si tu página es un blog por ejemplo: las personas no sabrán que hay más contenido abajo y aparte no se ve tan bien, lo que te recomiendo es que le asignes unos colores que queden de acuerdo a tu página, te dejo un enlace para que veas como lo puedes hacer: https://ed.team/blog/personaliza-el-scroll-de-tu-web-solo-con-css

    Y también te dejo un ejemplo de cómo yo personalicé el scrollbar de mi página :) scrollbar.png

    El primero es sin :hover y el segundo con :hover Te dejo mi página por si quieres ver como funciona 😃 https://brandonargel.github.io/

    Francisco Ponce

    Francisco Ponce

    studenthace 4 años

    Hola Emiliano,

    No he visto el código pero para esconder un scroll puedes usar la propiedad overflow-x (horizontal) u overflow-y(vertical) con el atributo hidden.

    Un ejemplo

    div { background-color: lightblue; width: 40px; overflow-x: hidden; }
    Axel Yaguana

    Axel Yaguana

    Team Platzihace 4 años

    Hola. Puedes usar esta propiedad en donde desees esconder el scroll lateral.

    overflow-x: hidden;
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Curso de Frontend Developer
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!