我正在使用Skrollr.js插件开发一个单页网站。我需要将多个音轨添加到特定的像素高度,并在多个断点处停止这些音轨。我怎么能这样做?
我尝试使用下面的脚本,但我不知道如何使用其他断点,轨道和像素高度添加多个条件。
var playing = false;
var audioTrack = $('#track1').get(0);
window.onscroll = function() {
var winH = $(window).height();
var scrollPage = $(window).scrollTop();
if(!playing && winH >= 768 && scrollPage > 1000 && scrollPage < 3000){
audioTrack.play();
playing = true;
}else if(scrollPage > 3000 || scrollPage < 1000 || winH < 768 ){
audioTrack.pause();
audioTrack.currentTime = 0;
playing = false;
}
}