Barra desplazamiento

[vargas_jimenez]

Buenas noches compañeros,

¿Tenéis alguna idea sobre cómo eliminar la barra de desplazamiento inferior que adjunto en la imagen mediante CSS o HTML?



He probado varias cosas pero de momento no hay manera...

Gracias de antemano por vuestra ayuda.

[PHPeros]

Con esto eliminas el scrollbar pero se deshabilita el desplazamiento:

Código CSS:

body {
    overflow:hidden;
}
 

En Chrome puedes no mostrarla:

Código CSS:

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

[vargas_jimenez]

Iniciado por PHPeros

Con esto eliminas el scrollbar pero se deshabilita el desplazamiento:

Código CSS:

body {
    overflow:hidden;
}
 

En Chrome puedes no mostrarla:

Código CSS:

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

Hola @PHPeros;

Veo que la opción desactiva tanto la barra de desplazamiento laterial como la inferior. En principio solamente quiero desactivar la inferior, ¿hay alguna forma o se desactivan siempre las dos?

Gracias nuevamente

[PHPeros]

Con el último ejemplo ocultas todo, pero con la propiedad overflow puedes quitar la del lado que quieras, en este caso la horizontal:

Código CSS:

body {
    overflow-x: hidden;
}
 

[alzacon]

la otra opción es hacer que el diseño sea fluido o sea "responsible"