判断滚动条是否到达页面的尾部

最新推荐文章于 2021-12-21 14:27:42 发布

weixin_30577801

最新推荐文章于 2021-12-21 14:27:42 发布

阅读量101

点赞数

原文链接：http://www.cnblogs.com/lingyuan/archive/2011/02/12/1952467.html

版权

// 取窗口滚动条高度
function getScrollTop()
{
var scrollTop = 0 ;
if (document.documentElement && document.documentElement.scrollTop)
{
scrollTop = document.documentElement.scrollTop;
}
else if (document.body)
{
scrollTop = document.body.scrollTop;
}
return scrollTop;
}

// 取窗口可视范围的高度
function getClientHeight()
{
var clientHeight = 0 ;
if (document.body.clientHeight && document.documentElement.clientHeight)
{
var clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight:document.documentElement.clientHeight;
}
else
{
var clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight:document.documentElement.clientHeight;
}
return clientHeight;
}

// 取文档内容实际高度
function getScrollHeight()
{
return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
}
function test(){
if (getScrollTop() + getClientHeight() == getScrollHeight()){
alert( " 到达底部 " );
} else {
alert( " 没有到达底部 " );
}
}

转载于:https://www.cnblogs.com/lingyuan/archive/2011/02/12/1952467.html