Tecnología

Inicio

Cómo deshabilitar la barra de desplazamiento horizontal HTML Estilo

December 16

Se podría pensar que todas las funciones del navegador son inaccesibles, pero eso no es cierto. los diseñadores de sitios con un conocimiento poco de hoja de estilo en cascada (CSS) pueden manipular algunas de las características del navegador, como la barra de desplazamiento. aparecen barras de desplazamiento horizontal y vertical en una página web cuando el contenido de la página supera las dimensiones del navegador. Esto permite a los usuarios ver ese contenido mediante el ajuste de las barras de desplazamiento. Para desactivar la barra de desplazamiento horizontal, se puede añadir una sola propiedad CSS a su documento HTML.

Instrucciones

1 Abra el editor HTML y cargar cualquier documento HTML.

2 Pega el siguiente código en la sección "cabeza" del documento:

<Style type = "text / css">

html {

desbordamiento-x: hidden;

}

</ Style>

Esta declaración CSS define la propiedad del elemento HTML "desbordamiento". Al establecer el valor de esa propiedad a "oculta", se impide barras de desplazamiento horizontal de aparecer en el navegador.

3 Pega el siguiente texto en la sección "cuerpo" del documento:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Adición de una cadena de texto largo como este hace que la mayoría de navegadores para mostrar una barra de desplazamiento horizontal. Al añadir este texto a su documento HTML, se puede verificar que la declaración CSS realizada en el paso 2 evita que la barra de desplazamiento aparezcan.

4 Guarde el documento y verlo en un navegador. No verá una barra de desplazamiento horizontal. Reducir al mínimo el navegador a la mitad de su tamaño. todavía no aparece una barra de desplazamiento horizontal.

Consejos y advertencias

  • Para demostrar que el código CSS deshabilitado la barra de desplazamiento horizontal, vuelva a la sección de "estilo" y sustituir la palabra "oculto" con "auto". Esto le dice a los navegadores para mostrar la barra de desplazamiento horizontal cuando el contenido desborda horizontalmente. Recuerde que los usuarios no podrán ver este tipo de contenidos, ya que no tendrán ninguna barra de desplazamiento horizontal.