Dieser Artikel beschreibt die Methode zur Verwendung von Scrollbar -Ereignissen durch JS. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Ich habe mich schon einmal gefragt, wie man Scrollbar -Events überwacht, aber heute verstehe ich endlich ein wenig.
Der folgende Code besteht darin, die Bildlaufleiste anzuhören, solange sie sich bewegt, und die DIV unten kehrt nach oben zurück, um den Code anzuzeigen und auszublenden.
window.onscroll = function () {var t = document.documentElement.scrolltop || document.body.scrolltop; if (t> 0) {$ (". cbbfixed"). CSS ("boden", "10px"); } else {$ (". }}Notiz:
T: Der Abstand von der Bildlaufleiste bis zum oberen Ende
t> 0, dh, sobald die Bildlaufleiste gescrollt ist, wird die Anweisung if () sofort ausgeführt. Der Code in eles () ist, dass die Div oben versteckt ist, wenn die Bildlaufleiste die Oberseite erreicht.
Kehren Sie zum Operation der oberen Schaltfläche zurück:
$ ("#cgotop"). click (function () {$ ('body, html'). Animate ({scrolltop: 0}, 100); return false;});Wieder auffüllen:
1. Hören Sie sich das Scrollbar -Ereignis eines bestimmten Elements an
$ (Selector) .Scroll (function () {......});2. Holen Sie sich die Entfernung des Scrollens
$ (Selector) .Scrolltop (); $ (Selector) .Scrolllefft ();
PS: Hier empfehle ich ein Online -Query -Tool zu JS -Ereignissen, das die häufig verwendeten Ereignisarten und Funktionsfunktionen von JS zusammenfasst:
Eine vollständige Liste von JavaScript -Ereignissen und -Funktionen:
http://tools.vevb.com/table/javascript_event
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.