问题描述
在滚动页面时音频出现问题。 我发现此解决方案效果很好,但仅适用于第一个音频。
<script>
const el = document.querySelector("audio");
let playing = false;
window.addEventListener('scroll',(e) => {
const scroll = e.target.body.scrollTop;
const rect = document.getElementById("d3").getBoundingClientRect();
const top = rect.top;
if (!playing && top > rect.height / 3) {
el.play();
playing = true;
} else if (top < rect.height / 3) {
el.pause();
playing = false;
}
});
</script>
此脚本从页面顶部开始,到添加了id = d3的位置停止。 我需要在第一个之后添加更多音频,所以我需要另一个DIV中的另一个起点,以及div末尾的相对停止点...这就是我要添加的所有音频(在我的情况下为4个音频) 如何编辑以上解决方案? 换句话说,我想在选定的div位置播放和停止更多声音,只需滚动页面即可。
有解决方案吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)