如何用jQuery判斷div滾動到底部

判斷DIV是否滾動到底部代碼如下：

創(chuàng)新互聯(lián)是專業(yè)的宕昌網(wǎng)站建設(shè)公司，宕昌接單;提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行宕昌網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!

!DOCTYPE html

html

head

script src=""/script

script language="javascript"

$(document).ready(function (){

var nScrollHight = 0; //滾動距離總長(注意不是滾動條的長度)

var nScrollTop = 0; //滾動到的當(dāng)前位置

var nDivHight = $("#div1").height();

$("#div1").scroll(function(){

nScrollHight = $(this)[0].scrollHeight;

nScrollTop = $(this)[0].scrollTop;

if(nScrollTop + nDivHight = nScrollHight)

alert("滾動條到底部了");

});

});

/script

div id="div1" style="overflow-y:auto; overflow-x:hidden; height:500px;"

div style="height:750px;"

/div

/div

/body

/html

jquery?判斷滾動條到達(dá)了底部，怎么判斷滾動條是否又到達(dá)的頂

$(document).scrollTop()

獲取垂直滾動的距離

即當(dāng)前滾動的地方的窗口頂端到整個頁面頂端的距離

$(document).scrollLeft()

這是獲取水平滾動條的距離

看明白了嗎？？

你要獲取頂端

只需要獲取到scrollTop()==0的時候

就是頂端了

要獲取底端

只要獲取scrollTop()=$(document).height()-$(window).height()

就可以知道已經(jīng)滾動到底端了

$(document).height()

//是獲取整個頁面的高度

$(window).height()

//是獲取當(dāng)前

也就是你瀏覽器所能看到的頁面的那部分的高度

這個大小在你縮放瀏覽器窗口大小時

會改變

與document是不一樣的

根據(jù)英文應(yīng)該也能理解吧

其實(shí)你可以自己做個實(shí)驗(yàn)就知道了

$(document).scroll(function(){

$("#lb").text($(document).scrollTop());

})

span

id="lb"

style="top:100px;left:100px;position:fixed;"/span!--一個固定的span標(biāo)記

滾動時方便查看--

jquery如何讓滾動條默認(rèn)在最底部？

使用如下代碼可讓滾動條默認(rèn)在最底部：

$(document).ready(function(){

$("#submit").click(function(){

$("#info").append("admin:"+$("#talk").val()+"\n");

$("#info").scrollTop($("#info")[0].scrollHeight);

$("#talk").val("");

});

});

jQuery 里和滾動條有關(guān)的概念很多，但是有三個屬性和滾動條的拖動有關(guān)，就是：scrollTop、scrollLeft、scrollHeight。

1、可見高度：viewHeight,可以理解為打開見瀏覽器空白頁見到的空白區(qū)域的高度。

2、內(nèi)容高度：containHeight,這個就是我們關(guān)心的高度，它是內(nèi)容的總高度，包括隱藏在滾動條下面的內(nèi)容。

3、滾動的高度：scrollHeight,這個是滾動的高度，它是滾動條滾動了多少的意思。

代碼解說：

nScrollTop + nDivHight = nScrollHight。

程序中，在外部div的scroll（滾動）事件中偵測和執(zhí)行if判斷語句，是非常消耗CPU資源的。用鼠標(biāo)拖拉滾動條，只要有一個像素的變動就會觸發(fā)該事件。但點(diǎn)擊滾動條兩頭的箭頭，事件觸發(fā)的頻率會低得多。所以滾動條的scroll事件要謹(jǐn)慎使用。

jquery如何讓滾動條滾動到最底部

jquery讓滾動條滾動到最底部的方法：

在ready方法里寫 $('#content').scrollTop( $('#content')[0].scrollHeight );