Javascript 暂停滚动播放背景音乐

Javascript 暂停滚动播放背景音乐,javascript,jquery,html,html5-audio,Javascript,Jquery,Html,Html5 Audio,我正在使用HTML5音频标签播放一些背景音乐,我希望当用户滚动超过某个点时音乐暂停,当用户滚动回到顶部时音乐重新开始。。。这可能吗 提前谢谢 以下示例(纯javascript,无jQuery)在向下滚动滚动条350px时暂停音频(并在返回顶部时再次播放) window.addEventListener(“滚动”,myFunction); 函数myFunction(){ if(document.body.scrollTop>350 | | document.documentElement.scr

我正在使用HTML5音频标签播放一些背景音乐,我希望当用户滚动超过某个点时音乐暂停,当用户滚动回到顶部时音乐重新开始。。。这可能吗

提前谢谢

以下示例(纯javascript,无jQuery)在向下滚动滚动条350px时暂停音频(并在返回顶部时再次播放)

window.addEventListener(“滚动”,myFunction);
函数myFunction(){
if(document.body.scrollTop>350 | | document.documentElement.scrollTop>350){
document.getElementById(“播放器”).pause();
}否则{
document.getElementById(“播放器”).play();
}
}
正文{
背景:番茄;
}


p滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

滚动

您可以绑定到窗口的滚动事件,并触发每个视频代码()
和调用
暂停
方法,当限制和
播放
偏移量为0时

$(window).on('scroll',function(e){
   if (document.body.scrollTop === 0) $('video').forEach(function(){this.play()});
   if (document.body.scrollTop > 100) $('video').forEach(function(){this.pause()});
})

工作起来很有魅力!谢谢!