元素运行且不在屏幕外时运行功能

Question

我正在使用Javascript在可见通知时播放声音，但问题是，它会在它滑入视图之前播放，该通知会在屏幕外启动，然后滑入视图，是否有人对此有解决方案

我尝试了一个等待脚本，但是它播放得太晚或太早

我希望脚本在滑入视图时立即播放，不要太早也不太晚

Answer 1

有一个名为Intersection Observer的新API，请参见https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API。

通过使用它，您可以确定何时在视口中显示元素。