添加到百度首页
添加收藏 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("到底了");
}
});

运行代码:

相关文章



大家都在看

最新更新