利用JS,如何判断滚动条是不是滚动到页面最底部

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用JS,如何判断滚动条是不是滚动到页面最底部相关的知识,希望对你有一定的参考价值。

我现在想利用JS,判断滚动条是否滚动到页面最底部,如果到达最底部,那么页面下面将自动执行JS函数,加载一些文档,再向下滑动,滑到最底部则继续自动加载。

window.onscroll=function()

if(Math.abs(document.body.clientHeight - document.documentElement.clientHeight +200) <= (document.documentElement.scrollTop || document.body.scrollTop))
showmore();



这是我的函数,这个函数支持chrome,但是不支持IE,因为IE中document.documentElement.都是0,可能因为页面顶有<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">的问题。

请问高手有什么解决办法吗?

参考技术A 改成这样就可以兼容 IE和chrome
<script type="text/javascript">
window.onscroll=function()
var a = document.documentElement.scrollTop==0? document.body.clientHeight : document.documentElement.clientHeight;
var b = document.documentElement.scrollTop==0? document.body.scrollTop : document.documentElement.scrollTop;
var c = document.documentElement.scrollTop==0? document.body.scrollHeight : document.documentElement.scrollHeight;

if(a+b==c)
showmore();


</script>本回答被提问者采纳

以上是关于利用JS,如何判断滚动条是不是滚动到页面最底部的主要内容,如果未能解决你的问题,请参考以下文章

如何判断滚动条滚到页面底部并执行事件

JS实现判断滚动条滚到页面底部并执行事件的方法

如何判断滚动条滚到页面底部并执行事件

JQ 如何判断横向滚动条到最右侧

jquery如何判断滚动条滚到页面底部并执行事件

js如何监听屏幕滚动到底了