滚动时的音频断点

时间:2017-11-23 23:21:42

标签: javascript jquery skrollr

我正在使用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;
  }
}

0 个答案:

没有答案