html判断滑动到底部,如何用JS判断滚动条拉到了最底部？

如何用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("到底了");

}

});

运行代码：

用JS判断滚动条拉到了最底部方法

鼠标向下滚动看效果

$(window).scroll(function(){

if(($("body").height()-$("body,html").scrollTop())<=document.documentElement.clientHeight){

alert("到底了");

}

});