DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery 判斷滾動條到達了底部和頂端的方法
jquery 判斷滾動條到達了底部和頂端的方法
編輯:JQuery特效代碼     

. 代碼如下:
$(document).height()  //是獲取整個頁面的高度
$(window).height()  //是獲取當前也就是浏覽器所能看到的頁面的那部分的高度。這個大小在你縮放浏覽器窗口大小時會改變,與document是不一樣的

要獲取頂端,只需要獲取到scrollTop()==0的時候就是頂端;

要獲取底端,只要獲取scrollTop()>=$(document).height()-$(window).height()  就可以知道已經滾動到底端了;
. 代碼如下:
$(document).scrollTop() 獲取垂直滾動的距離  即當前滾動的地方的窗口頂端到整個頁面頂端的距離;
$(document).scrollLeft() 這是獲取水平滾動條的距離;

例子:
. 代碼如下:
$(document).scroll(function(){
    $("#lb").text($(document).scrollTop());
})
<span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一個固定的span標記 滾動時-->

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved