如何在清除js中检查页面滚动

时间:2018-08-01 10:35:35

标签: javascript css

我的页脚位于页面底部(当页面为scrollable时)。我的脚本每秒检查scrollable 2次。

如果要向下滚动页面以查看页脚,则无法执行此操作。

let check_height=setInterval(function()
{
    var height_of_logo=document.querySelector('header').offsetHeight-2;
    document.querySelector('footer').style.position='absolute';
    var height_of_main=documentquerySelector('footer').offsetTop-document.querySelector('header').offsetHeight;
    var height_of_body=document.querySelector('form, table').offsetHeight+height_of_logo+2+document.querySelector('footer').offsetHeight;
    var height_of_body_real=document.body.querySelector('footer').offsetHeight+document.querySelector('footer').offsetTop;
    if(height_of_body_real<=height_of_body)
    {
        document.querySelector('main').style.height=document.querySelector('form, table').offsetHeight+'px';
        document.querySelector('footer').style.position='static';
    }
    else
    {
        document.querySelector('main').style.height=height_of_main+'px';
    }
}, 500);

document.body.querySelector('footer').style.position = 'absolute';正在改变滚动,所以我需要滚动而不是检查之前滚动。

如何查看页面滚动?

谢谢!

2 个答案:

答案 0 :(得分:0)

在控制台中选中此document.children
那里有scrollTop等。

答案 1 :(得分:0)

通过获取scrollTop属性,您可以获得每个可滚动DOM元素的滚动高度。

let element = document.getElementById('foo')
console.log(element.scrollTop)