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

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

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

!DOCTYPE html

html

head

script src=""/script

script language="javascript"

$(document).ready(function (){

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

var nScrollTop = 0; //滾動到的當前位置

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?判斷滾動條到達了底部，怎么判斷滾動條是否又到達的頂

$(document).scrollTop()

獲取垂直滾動的距離

即當前滾動的地方的窗口頂端到整個頁面頂端的距離

$(document).scrollLeft()

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

看明白了嗎？？

你要獲取頂端

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

就是頂端了

要獲取底端

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

就可以知道已經滾動到底端了

$(document).height()

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

$(window).height()

//是獲取當前

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

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

會改變

與document是不一樣的

根據英文應該也能理解吧

其實你可以自己做個實驗就知道了

$(document).scroll(function(){

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

})

span

id="lb"

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

滾動時方便查看--

jquery如何讓滾動條默認在最底部？

使用如下代碼可讓滾動條默認在最底部：

$(document).ready(function(){

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

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

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

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

});

});

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

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

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

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

代碼解說：

nScrollTop + nDivHight = nScrollHight。

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

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

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

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

文章題目：jquery滾動底部,jquery 滾動條位置
文章源于：http://chinadenli.net/article23/dsieejs.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供Google、網站建設、營銷型網站建設、軟件開發(fā)、全網營銷推廣、虛擬主機

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)