Este artigo descreve o método de usar eventos de barra de rolagem por JS. Compartilhe para sua referência. A análise específica é a seguinte:
Eu já estava me perguntando antes, como monitorar os eventos da barra de rolagem, mas hoje finalmente entendo um pouco.
O código a seguir é ouvir a barra de rolagem desde que se mova, e a div abaixo retorna ao topo para exibir e ocultar o 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"); }}Observação:
T: A distância da barra de rolagem até a extremidade superior
T> 0, ou seja, uma vez que a barra de rolagem é rolada, a instrução if () é executada imediatamente. O código em Else () é que, quando a barra de rolagem chega ao topo, a div na parte superior está oculta.
Retorne à operação de clique do botão superior:
$ ("#cGotop"). Clique (function () {$ ('Body, html'). Animate ({scrolltop: 0}, 100); retorna false;});Reabastecer:
1. Ouça o evento da barra de rolagem de um determinado elemento
$ (seletor) .scroll (function () {......});2. Obtenha a distância da rolagem
$ (seletor) .Scrolltop (); $ (seletor) .ScrollLefft ();
PS: Aqui eu recomendo uma ferramenta de consulta on -line sobre eventos JS, que resume os tipos de eventos e funções de eventos comumente usados de JS:
Uma lista completa de eventos e funções JavaScript:
http://tools.vevb.com/table/javascript_event
Espero que este artigo seja útil para a programação JavaScript de todos.