添加到百度首頁
添加收藏 RSS 網站地圖 舊版網站
  • 全部
  • 網頁特效
  • 建站教程
  • 設計分享
當前位置:首頁 > 建站教程 > JavaScript教程 >

如何用JS判斷滾動條拉到了最底部?

時間:2014-05-23      來源:科e互聯     

如何用JS判斷滾動條拉到了最底部?其實原理很簡單,用網頁總高度-滾動的位置>瀏覽器可見區域高度,則證明滾動條拉到了最底部。不多說看代碼測試:
 

一、如何獲得網頁整體高度?

利用jQuery獲取body高度方法:$(documet).height();
 

二、如何獲得滾動高度?

利用jQuery獲取滾動高度方法:$("html,body").scrollTop();
 

三、如何獲得瀏覽器可見高度?

利用JS獲取瀏覽器可見高度方法:document.documentElement.clientHeight;
 

最終代碼:
$(window).scroll(function(){
if(($("body").height()-$("body,html").scrollTop())<=document.documentElement.clientHeight){
alert("到底了");
}
});

運行代碼:

相關文章
web前端視頻教程


大家都在看

最新更新

web前端視頻教程
中国竞彩网上怎么投注