当页面滚动到某个元素时，如何调用函数？答案

【问题标题】：How to call a function, when page is scrolled to certain element?当页面滚动到某个元素时，如何调用函数？
【发布时间】：2021-02-15 19:48:10
【问题描述】：

你能告诉我为什么我的代码不起作用。我想在页面滚动到某个元素时调用一个函数。（我想在不使用 jQuery 的情况下在 vanilla js 中找到解决方案）

const numberContainer = document.querySelector('.numbers');

window.addEventListener('scroll', () => {
    const scrolled = window.scrollY;
    const elementPosition = numberContainer.scrollY;
    
    if(scrolled == elementPosition){
        counter();
    }
})

【问题讨论】：

检查 IntersectionObserver API developer.mozilla.org/en-US/docs/Web/API/…
你会发现这个答案很有帮助：stackoverflow.com/questions/123999/…

标签： javascript html css function scroll

【解决方案1】：

尝试使用 offsetTop 作为 numberContainer

const elementPosition = numberContainer.offsetTop;

【讨论】：

【解决方案2】：

HTMLElement（在您的情况下为numberContainer）上没有名为scrollY 的属性。 offsetTop 是您要查找的属性。

【讨论】：