向下滚动

时间:2018-02-01 17:31:05

标签: javascript audio scroll

我的网站将自动播放视频横幅设置为音频,音频自动播放后加载并开始播放视频。但是当用户向下滚动页面时我想让音频淡出(例如2000)。因为下半部分还有其他视频。

我正在研究音频功能,这里有一些很好的参考。

$(document).ready(function() {
    var audioElm = $('#scrollaudio').get(0);
    audioElm.play();

    var height = $(document).height() - $(window).height();

    $(window).scroll(function() {
        audioElm.volume = 1 - $(window).scrollTop() / height;
        console.log(audioElm.volume);
    });
});

https://codepen.io/envira/pen/AuGKh

但是这个参考,必须滚动到botton以完全关闭音频,如果例如2000px向下滚动,如何使其淡出?

有人可以帮忙吗? (抱歉我的语法不好。)

0 个答案:

没有答案