document.documentElement.scrollTop 条件

Question

试图理解此代码中条件语句的第一部分

window.addEventListener("scroll",function(event){
     if(document.documentElement.scrollTop || document.body.scrollTop >= scrollDistance){
        animatePoints();

第二部分说，如果您从主体顶部滚动的像素数大于或等于我希望动画开始的点，则调用函数 在我看来，这适用于任何可能的情况

我不明白第一个条件（我试过在控制台中弄乱它）

console.log(document.documentElement.scrollTop) 总是 returns 0。我的理解是这是因为你永远不会滚动根元素 <html> 所以它总是 return 在 0.

如果这是真的那么第一个条件总是满足并且应该触发 animatepoints 函数（但它不是）

Answer 1

基本上，如果 document.documentElement.scrollTop 不是 0、false、undefined、null 或 ''，它会运行第二条语句，即 document.body.scrollTop >= scrollDistance.

document.documentElement.scrollTop 条件

document.documentElement.scrollTop condition

javascript

conditional

addeventlistener

eventhandler