利用JS,如何判断滚动条是否滚动到页面最底部
我现在想利用JS,判断滚动条是否滚动到页面最底部,如果到达最底部,那么页面下面将自动执行JS函数,加载一些文档,再向下滑动,滑到最底部则继续自动加载。window.ons...
我现在想利用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">的问题。
请问高手有什么解决办法吗? 展开
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">的问题。
请问高手有什么解决办法吗? 展开
1个回答
展开全部
改成这样就可以兼容 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>
<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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询