Este artículo describe el método de usar eventos de barra de desplazamiento por JS. Compártelo para su referencia. El análisis específico es el siguiente:
Me he estado preguntando antes, cómo monitorear los eventos de barra de desplazamiento, pero hoy finalmente entiendo un poco.
El siguiente código es escuchar la barra de desplazamiento siempre que se mueva, y el DIV a continuación regresa a la parte superior para mostrar y ocultar el código.
Window.onscroll = function () {var t = document.documentelement.scrolltop || document.body.scrolltop; if (t> 0) {$ (". CBBFixed"). CSS ("Bottom", "10px"); } else {$ (". CBBFixed"). CSS ("Bottom", "-85px"); }}Nota:
T: La distancia desde la barra de desplazamiento hasta el extremo superior
t> 0, es decir, una vez que la barra de desplazamiento se desplaza, la instrucción if () se ejecuta de inmediato. El código en else () es que cuando la barra de desplazamiento llega a la parte superior, el div en la parte superior está oculto.
Vuelva a la operación de clic del botón superior:
$ ("#cgotop"). Click (function () {$ ('Body, Html'). Animate ({scrollTop: 0}, 100); return false;});Reponer:
1. Escuche el evento de barra de desplazamiento de cierto elemento
$ (selector) .scroll (function () {......});2. Obtenga la distancia de desplazamiento
$ (selector) .scrolltop (); $ (selector) .scrolllefft ();
PD: Aquí recomiendo una herramienta de consulta en línea sobre eventos JS, que resume los tipos de eventos y funciones de funciones de JS de uso común:
Una lista completa de eventos y funciones de JavaScript:
http://tools.vevb.com/table/javascript_event
Espero que este artículo sea útil para la programación de JavaScript de todos.