DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery獲取頁面滾動條距離頂部距離
jquery獲取頁面滾動條距離頂部距離
編輯:JQuery特效代碼     
可以先滾動頁面看看效果


獲取代碼:
$(window).scrollTop()

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


要獲取頂端,只需要獲取到scrollTop()==0的時候就是頂端;
要獲取底端,只要獲取scrollTop()>=$(document).height()-$(window).height() 就可以知道已經滾動到底端了;


$(document).scrollTop() 獲取垂直滾動的距離 即當前滾動的地方的窗口頂端到整個頁面頂端的距離;
$(document).scrollLeft() 這是獲取水平滾動條的距離;


<script>
$(document).scroll(function(){
$("#hove"+"rtreesc").text($(document).scrollTop());
})
</script>
<div id="hovertreesc" style="top:100px;left:100px;position:fixed;width:50px;height:20px;background-color:silver;"></div><!--一個固定的div標記 滾動時固定-->
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved