更新時(shí)間:2021-09-01 10:37:03 來(lái)源:動(dòng)力節(jié)點(diǎn) 瀏覽2268次
先來(lái)一個(gè)例子:
$(document).ready(function(){//在文檔加載完畢后執(zhí)行
$(window).scroll(function(){//開始監(jiān)聽滾動(dòng)條
//獲取當(dāng)前滾動(dòng)條高度
var topp = $(document).scrollTop();
//用于調(diào)試 彈出當(dāng)前滾動(dòng)條高度
//alert(topp);
//判斷如果滾動(dòng)條大于90則彈出 "ok"
if(topp > 90){
//alert("ok");
}
})
})
語(yǔ)法
$(window).scrollTop();//獲取垂直滾動(dòng)條距離文檔頭部的高度
$(document).scrollLeft() //獲取水平滾動(dòng)條的距離
$(document).height() //獲取整個(gè)頁(yè)面的高度
$(window).height() //獲取當(dāng)前,也就是你瀏覽器所能看到的頁(yè)面的那部分的高度,這個(gè)大小在你縮放瀏覽器窗口大小,會(huì)改變,與document是不一樣的
以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"jQuery滾動(dòng)條監(jiān)聽事件",希望對(duì)大家有幫助,想了解更多可查看 jQuery教程。動(dòng)力節(jié)點(diǎn)在線學(xué)習(xí)教程,針對(duì)沒(méi)有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門到精通,主要介紹了一些Java基礎(chǔ)的核心知識(shí),讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程,感興趣的同學(xué)可以關(guān)注一下。
0基礎(chǔ) 0學(xué)費(fèi) 15天面授
有基礎(chǔ) 直達(dá)就業(yè)
業(yè)余時(shí)間 高薪轉(zhuǎn)行
工作1~3年,加薪神器
工作3~5年,晉升架構(gòu)
提交申請(qǐng)后,顧問(wèn)老師會(huì)電話與您溝通安排學(xué)習(xí)
初級(jí) 202925
初級(jí) 203221
初級(jí) 202629
初級(jí) 203743