jquery判斷滾動(dòng)條到達(dá)了底部和頂端的方法
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 20:26:52
jquery判斷滾動(dòng)條到達(dá)了底部和頂端的方法
jquery判斷滾動(dòng)條到達(dá)了底部和頂端的方法:$(document).height() //是獲取整個(gè)頁面的高度 $(window).height() //是獲取當(dāng)前也就是瀏覽器所能看到的頁面的那部分的高度。這個(gè)大小在你縮放瀏覽器窗口大小時(shí)會(huì)改變,與document是不一樣的要獲取頂端,只需要獲取到scrollTop()==0的時(shí)候就是
導(dǎo)讀jquery判斷滾動(dòng)條到達(dá)了底部和頂端的方法:$(document).height() //是獲取整個(gè)頁面的高度 $(window).height() //是獲取當(dāng)前也就是瀏覽器所能看到的頁面的那部分的高度。這個(gè)大小在你縮放瀏覽器窗口大小時(shí)會(huì)改變,與document是不一樣的要獲取頂端,只需要獲取到scrollTop()==0的時(shí)候就是

$(document).height() //是獲取整個(gè)頁面的高度
$(window).height() //是獲取當(dāng)前也就是瀏覽器所能看到的頁面的那部分的高度。這個(gè)大小在你縮放瀏覽器窗口大小時(shí)會(huì)改變,與document是不一樣的
要獲取頂端,只需要獲取到scrollTop()==0的時(shí)候就是頂端;
要獲取底端,只要獲取scrollTop()>=$(document).height()-$(window).height() 就可以知道已經(jīng)滾動(dòng)到底端了;
$(document).scrollTop() 獲取垂直滾動(dòng)的距離 即當(dāng)前滾動(dòng)的地方的窗口頂端到整個(gè)頁面頂端的距離;
$(document).scrollLeft() 這是獲取水平滾動(dòng)條的距離;
例子:
$(document).scroll(function(){
$("#lb").text($(document).scrollTop());
})
<span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一個(gè)固定的span標(biāo)記 滾動(dòng)時(shí)-->
更多jquery 判斷滾動(dòng)條到達(dá)了底部和頂端的方法相關(guān)文章請(qǐng)關(guān)注PHP中文網(wǎng)!
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jquery判斷滾動(dòng)條到達(dá)了底部和頂端的方法
jquery判斷滾動(dòng)條到達(dá)了底部和頂端的方法:$(document).height() //是獲取整個(gè)頁面的高度 $(window).height() //是獲取當(dāng)前也就是瀏覽器所能看到的頁面的那部分的高度。這個(gè)大小在你縮放瀏覽器窗口大小時(shí)會(huì)改變,與document是不一樣的要獲取頂端,只需要獲取到scrollTop()==0的時(shí)候就是