随身笔记
随身笔记

jquery 如何判断窗口滚动条置底部

学习jquery都知道scrollTop()属性是判断窗口滚动条的位置功能,如果设置scrollTop(0)的情况下,滚动条就会置顶部;那么如何判断窗口滚动条置底部呢?

其实这个判断还需要到获取到两个元素,那就是

$(document).height()和$(window).height(),它们三者是求和关系,网页DOM原始高度等于当前窗口高度加上当前窗口滚动条的值,如果满足这个关系此时的窗口滚动条就已经到了网页底部了。

$(document).height()-$(window).height()==$(window).scrollTop()

想这样的如果需要滚动条到网站底部就实现某种效果,这个就需要到了。

scrolltop_

 

实际以用:

if( $(document).height()<$(window).scrollTop()+$(window).height()+100  ){  //距离底部还有100px高度时就提前触发
    //记得控制, 加载完上一页时才继续触发下一页,不然会多次触发
}

 

随身笔记

jquery 如何判断窗口滚动条置底部
学习jquery都知道scrollTop()属性是判断窗口滚动条的位置功能,如果设置scrollTop(0)的情况下,滚动条就会置顶部;那么如何判断窗口滚动条置底部呢? 其实这个判断还需要到获取到两个…
扫描二维码继续阅读
2014-01-21