1. Método para eliminar las barras de desplazamiento
Simplemente agregue el atributo desbordamiento: oculto al cuerpo. No entrará en vigencia en IE6 y 7. Necesitas agregar el Atributo de desbordamiento: Oculto al HTML
En el estilo, IE6, 7 y otros navegadores deben distinguirse por Hack. Esto se debe a que cuando la página se extrae a continuación, si el HTML o el cuerpo están desbordados: oculto, la página debajo de la capa de bombilla transparente estará parcialmente oculta normalmente. La escala de grises visible a través de la visualización transparente, el color específico está relacionado con el color de fondo establecido por la plataforma y el usuario.
Después de eliminar la barra de desplazamiento en el cuerpo o HTML, ¡la página tendrá un salto de ancho de Scrollbar/2 salto! Este salto es muy malo para la experiencia del usuario, así que agregue un relleno correcto al cuerpo, el tamaño es el ancho de la barra de desplazamiento. El ancho de la barra de desplazamiento debajo de la plataforma Windows es de 17 px. El ancho de las barras de desplazamiento de diferentes desplazadores debajo de la plataforma Linux es inconsistente. Puede usar el código relevante para calcular el ancho de la barra de desplazamiento. El siguiente es un ejemplo de la plataforma de Windows.
Código relacionado:
document.documentelement.style.csstext = 'overflow: none;+overflow: hidden; _overflow: hidden;'; document.body.style.csstext = 'overflow: hidden;+overflow: none; _overflow: Ninguno; remar: 0 17px 0 0 0;';
El código anterior no considera si el HTML o el cuerpo tienen un estilo en línea. Si el HTML o el cuerpo tiene un estilo en línea, debe acumularse, de lo contrario, el estilo original se borrará.
2. Otros métodos para eliminar los peligros ocultos desplazan la página (evitan la incumplimiento)
Después de ocultar la barra de desplazamiento, desplazar la página con la rueda del mouse no se moverá. Pensé que estaba bien, no ...
Los atajos de teclado también pueden operar algunas operaciones del navegador, relacionadas con páginas de desplazamiento, como: teclas arriba y abajo, botones de giro de página, etc. Para atajos de teclado, deben cancelarse.
3. Agregue el estilo de capa emergente
Agregar estilo global al cuerpo (compatible con IE6)
Altura: 100%;
Agregar estilo de desplazamiento a la capa de bala
Overflow-y: Auto; ancho: 100%; altura: 100%; izquierda: 0; _Padding: 0 17px 0 0; // IE6 Error, el relleno del elemento principal sigue siendo válido después de que el elemento infantil se coloque absolutamente
El artículo anterior sobre la máscara de capa emergente de JS y el análisis de optimización de detalles de la barra de desplazamiento de la página de scroll de fondo es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.