javascript - document.documentElement.scrollTop 条件

标签 javascript conditional-statements addeventlistener eventhandler

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

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

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

我不明白第一个条件(我尝试在控制台中摆弄它)

console.log(document.documentElement.scrollTop)始终返回 0。 我的理解是,这是因为您从未滚动根元素 <html>所以它总是返回0。

如果这是真的,那么第一个条件总是满足并且应该触发 animatepoints 函数(但事实并非如此)

最佳答案

基本上,如果 document.documentElement.scrollTop 不为 0、false、未定义、null 或 '',则它会运行第二条语句,即 document.body.scrollTop >=scrollDistance.

关于javascript - document.documentElement.scrollTop 条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45302309/

相关文章:

javascript - 使用 AngularJS 按字母顺序对用户输入进行排序

javascript - jQuery UI 自动完成 : setting css of list items in javascript

javascript - 我们需要初始化一个数组吗?

linux - 单一提供者,单一消费者。哪个适合条件变量 : pthread_cond_t, sem_t 或 pthread_mutex_t?

javascript - 如何删除元素中的所有监听器?

javascript - “no ' Access-Control-Allow-Origin ' header is present” Cherrypy 错误

javascript - 条件表达式和 if 语句哪个更好?

c# - 有人可以向我解释这一行简短的代码吗?

javascript - 如何通过按类名遍历元素来引用元素的 id

javascript - 使用 XMLHttpRequest 更新元素后,addEventListener 停止监听