javascript - window.onscroll无法刷新scrollTop的值？

问题描述

问 题

window.onscroll = function(){
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
    console.log(scrollTop);
}
window.onload = function(){
     window.pageYOffset = document.documentElement.scrollTop = document.body.scrollTop =100;
}

window.onload函数的作用是当加载该页面时自动定位到100的位置。
如果没有window.onload函数，onscroll可以正确地随着页面滚动打印出scrollTop的值。但一旦window.onload函数里把100赋值给window.pageYOffset后无论页面怎么滚动scrollTop的值都一直是100不会变，请问定位100位置后怎么做才能随着滚动正常刷新scrollTop的值？

解决方案

  window.onload = function () {
                window.scroll(0, 100);
            }
            window.onscroll = function () {
                var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
                console.log(scrollTop);
            }

这篇关于javascript - window.onscroll无法刷新scrollTop的值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！