js判断是否到页面底部遇到的问题?


当滚动条平到底时,得到的页面高度pageTop=2418,当前的高度为1818,不知是怎么回事?


 $(window).scroll(function(){
                    var leare=$(".left_area");
                    var neare=$("#self_intro");

                    var pageTop=document.body.scrollHeight;

                    var currTop=document.documentElement.scrollTop+document.body.scrollTop;

                    if(currTop >= (pageTop-50)){
                        leare.removeClass("scrollMove");
                        neare.removeClass("scrollMove");
                    }
                });

jquery web前端开发 HTML JavaScript

野生的黑白熊 9 years, 10 months ago

 var currTop=document.documentElement.scrollTop+document.body.scrollTop;

这句话获取的是页面滚动的高度呀。而且获取页面滚动高度不都是是一般都这样写:


 var currTop=document.documentElement.scrollTop||document.body.scrollTop;

兼容性参见下面
图片描述

akdijsh answered 9 years, 10 months ago

var currTop=document.documentElement.scrollTop+document.body.scrollTop;

currtTop错了

当前高度应该是滚动高度加可视区高度


 var scrollT = document.body.scrollTop || document.documentElement.scrollTop //兼容处理
currtTop = document.documentElement.clientHeight + scrollT

eonshow answered 9 years, 10 months ago

Your Answer