可以先滾動頁面看看效果
獲取代碼:
$(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標記 滾動時固定-->