Significado: Altura de la barra de desplazamiento
Funciones: Carga de desplazamiento (AJAX), Posicionamiento fijo de navegación por desplazamiento, posicionamiento de la bala de desplazamiento, etc.
Muestra los efectos de la navegación de desplazamiento y el desplazamiento lateral de desplazamiento fijo:
1. Navegador Chrome
Tanto document.body.scrolltop como document.documentelement.scrolltop están bien
2. Las diferencias entre ScrollTop en cada navegador
IE6/7/8/9/10:
Para páginas sin declaración de Doctype, puede usar document.body.scrolltop para obtener la altura de ScrollTop;
Para páginas con declaraciones de doctype, puede usar document.documentelement.scrolltop;
Safari:
Safari es bastante especial, y tiene su propia función para obtener Scrolltop: Window.PageyOffset;
Firefox:
Firefox y otros navegadores relativamente estándar son mucho más libres de preocupaciones, solo úselos directamente
document.documentelement.scrolltop;
3. Obtenga el valor de Scrolltop
Perfecto para obtener la frase de asignación de scrolltop:
var scrolltop = document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop;
PD: Problema en el uso de ScrollTop en JavaScript
document.documentelement.scrolltop se refiere a las coordenadas verticales de la barra de desplazamiento
document.documentelement.clientHeight se refiere a la altura del área visible del navegador.
document.documentelement.clientHeight-oDiv es la coordenada vertical inicial de la caja suspendida (en relación con el valor superior del cuerpo) (este valor es fijo)
Sin embargo, cuando tira de la barra de desplazamiento, la coordenada vertical (objetivo) del marco flotante debe aumentarse o disminuir en función de la coordenada inicial para obtener el efecto de desplazamiento visual con la barra de desplazamiento. El valor de aumento o disminución es la distancia que la barra de desplazamiento extrae, es decir, su cementerio
Déjame decirte cuál es la diferencia entre Scrolltop y Offsettop en JavaScript
Scrolltop se refiere a la distancia a la que un bloque desplazable se desplaza hacia abajo, como desplazarse hacia abajo por 10 píxeles, luego el valor del atributo de scrolltop de este elemento es 10;
Offsettop es la distancia absoluta entre el borde superior del elemento y el borde superior del elemento principal.
Los dos no describen lo mismo, por lo que no hay comparación.
Lo anterior es la descripción completa de ScrollTop en JavaScript presentada por el editor. Espero que te sea útil. Si desea saber más, ¡preste atención a Wulin.com!