-
Cómo ocultar cuadros de desplazamiento
-
cuadros de desplazamiento aparecen al lado de su navegador web cuando hay más contenido por debajo de la ventana de la pantalla. Aparecen de forma automática con estilos predeterminados aplicados al tamaño, flechas arriba y abajo, de color y mucho más. Puede ocultar las barras de desplazamiento y garantizar un control completo sobre su página modificando el código del archivo CSS o el encabezado y el cambio de la propiedad de desbordamiento para evitar que los navegadores de la generación automática de cuadros de desplazamiento.Instrucciones
CSS
1 Abra el navegador Web de su ordenador y visitar su sitio web o página. Seleccione "Ver código fuente" en el menú Página en Internet Explorer, "fuente de la página" en el menú Ver en Firefox o haga clic derecho y seleccione "Ver código fuente" en Chrome. Mire a través del código y confirmar qué clases de sitio se aplica a la sección en la que desea eliminar cuadros de desplazamiento. Si desea quitar cuadros de desplazamiento de todo el sitio, confirmar que clases se aplica a todo el contenido.
2 Busque el editor de CSS correspondiente para su sitio página. El editor de CSS se encuentra bajo la sección "Editar Perfil", o en "Editor" en el menú Apariencia barra lateral de Wordpress, por ejemplo. También puede tener un archivo CSS independiente para su sitio.
3 Busque la clase apropiada que genera cuadros de desplazamiento dentro del código. Busque la línea "overflow: desplazarse;" y eliminarlo si es que existe. Agregue el código "overflow: hidden;". Esto ocultará sus cuadros de desplazamiento y el clip el contenido que no aparece en el cuadro de modo que es invisible para los visitantes del sitio.
4 Guarde el archivo CSS actualizados y confirmar que las cajas de desplazamiento están ocultos.
JavaScript
5 Abra el navegador Web de su ordenador y visitar su sitio web o página. Seleccione "Ver código fuente" en el menú Página en Internet Explorer, "fuente de la página" en el menú Ver en Firefox o haga clic derecho y seleccione "Ver código fuente" en Chrome. Mire a través del código y confirmar qué clases de sitio se aplica a la sección en la que desea eliminar cuadros de desplazamiento. Si desea quitar cuadros de desplazamiento de todo el sitio, confirmar que clases se aplica a todo el contenido.
6 Busque el editor de HTML adecuado para su página o sitio.
7 Inserte el siguiente Javascript debajo de la etiqueta <head> <script type = "text / javascript">
hideOverflow función () {document.getElementById ( "Nombre de clase") style.overflow = "oculto".; } </ Script>. Reemplazar "nombre de la clase" con el nombre del elemento que tiene cuadros de desplazamiento.8 Guarde el archivo de cabecera actualizada y confirmar que las cajas de desplazamiento están ocultos.
