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

//取窗口滚动条高度
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

判断滚动条是否到达页面的尾部相关推荐

java 滚动条的事件_[Java教程]jquery如何判断滚动条滚到页面底部并执行事件
[Java教程]jquery如何判断滚动条滚到页面底部并执行事件 0 2016-04-27 10:00:13 本文章向码农介绍jquery如何判断滚动条滚到页面底部并执行事件.首先理解三个dom元素, ...
PC端判断屏幕宽度到达手机宽度的时候，直接跳转手机页面
<script>// //判断屏幕宽度到达手机宽度的时候,直接跳转手机页面 // window.addEventListener("resize", function( ...
js实现判断滚动条滚到页面底部并执行事件的方法
这里我主要介绍JS实现判断滚动条滚到页面底部并执行事件的方法: 需要了解三个dom元素,分别是:clientHeight.offsetHeight.scrollTop. clientHeight:这个 ...
JQ判断滚动体条到达了底部和顶端的方法
这篇文章主要介绍了JQ判断滚动条到达了底部和到达顶端的方法 1.这里是下面的代码所示: $(document).height() //是获取整个页面的高度 $(window).height() / ...
JS小练习——判断滚动条是否到底部（onscroll事件）
实现功能要求:当我们下拉这个滚动条时,判断它是否到达最底部,如果到达最底部,则两个表单项可以点击,如果没有到达,则不可以点击.并且要勾选第一个按钮之后,才可以提交. disabled 属性可设置或返回 ...
JS判断滚动条到底部
form:http://www.uphtm.com/js/269.html判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop.clientHeight.scrollHeight. sc ...
[html] 如何判断用户正在操作页面？当页面一个小时没有操作时跳转到指定页面如何做？
[html] 如何判断用户正在操作页面?当页面一个小时没有操作时跳转到指定页面如何做? 监听mousemove事件.当一段时间没有触发mousemove时,即认定用户没有操作页面个人简介我是歌谣, ...
解决浏览器滚动条导致的页面闪烁问题
解决浏览器滚动条导致的页面闪烁问题说明我网页初始加载时网页内容没有占满整个高度,后面随着我添加内容,当内容接近浏览器底部时,导致滚动条忽然出现,此时就出现了页面闪烁情况. css 解决方法 1 方 ...
JS如何判断滚动条是否滚到底部
JS如何判断滚动条是否滚到底部背景解决方案(以纵向滚动条为例,横向滚动条方法类似) 背景通常我们需要判断滚动条是否滚到底部,以实现相应的功能,如"加载更多"等. 那么如何通过 ...

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

判断滚动条是否到达页面的尾部相关推荐

最新文章

热门文章