javascript - 当元素运行且不在屏幕外时运行函数

标签 javascript html

我正在使用 javascript 在通知可见时播放声音,但问题是,它在滑入 View 之前播放,通知从屏幕开始,然后滑入 View ,有人对此有解决方案吗

我尝试过等待脚本,但它要么播放得太晚,要么播放得太快

我希望脚本在滑入 View 时播放,不要太早也不要太晚

最佳答案

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

通过使用它,您可以确定元素何时在视口(viewport)中可见。

关于javascript - 当元素运行且不在屏幕外时运行函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56277387/

相关文章:

javascript - 在html5中使用filewriter api写两次会导致错误

javascript - 刷新页面时在输入字段中保留值

javascript - 如何将返回的 Firebase 元素数组绑定(bind)到我的 AngularJS View (通过 Controller )?

javascript - 为什么在函数内创建同名变量时函数参数没有被覆盖?

jquery - 更改事件 <li> Bootstrap CSS

html - 强制页脚留在底部?

html - CSS 代码最大宽度在互联网上发布时不起作用

javascript - react JS : How to send an event down the component tree?

javascript - Jquery.html 显示文字代码而不是在 application.js 中呈现 html

Javascript如何设置超时