So verwenden Sie die Bildlaufleiste, um in JQuery auf Ereignisse zu warten

So verwendet jquery Bildlaufleisten, um auf Ereignisse zu warten: 1. Verwenden Sie [$(window).scrollTop():], um die Höhe der vertikalen Bildlaufleiste vom Kopf des Dokuments abzurufen. 2. Verwenden Sie [$(document) .scrollLeft()] um den Abstand der horizontalen Bildlaufleiste zu erhalten.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.2.1-Version, Thinkpad T480-Computer.

Wie jquery Bildlaufleisten verwendet, um auf Ereignisse zu warten:

Nehmen wir zunächst ein Beispiel:

$(document).ready(function(){//在文档加载完毕后执行
    $(window).scroll(function(){//开始监听滚动条
        //获取当前滚动条高度
        var topp = $(document).scrollTop();
        //用于调试 弹出当前滚动条高度
        //alert(topp);
        //判断如果滚动条大于90则弹出 "ok"
        if(topp > 90){
        //alert("ok");
        }
    })
})

Syntax

• $(window).scrollTop();//Get the vertikale Bildlaufleiste Die Höhe vom Dokumentkopf$(window).scrollTop();//获取垂直滚动条距离文档头部的高度

• $(document).scrollLeft() //获取水平滚动条的距离

• $(document).height()  //获取整个页面的高度

• $(window).height()

$(document).scrollLeft() //Den Abstand der horizontalen Bildlaufleiste ermitteln

$(document). height() code> //Ermittelt die Höhe der gesamten Seite

🎜🎜$(window).height() //Ermittelt die aktuelle Höhe des Teils der Seite, der Ihr Browser kann sehen, dass sich diese Größe ändert, wenn Sie die Größe des Browserfensters ändern, das sich vom Dokument unterscheidet🎜🎜🎜🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜Javascript🎜 (Video) 🎜🎜

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Bildlaufleiste, um in JQuery auf Ereignisse zu warten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!