在滚动条上使用 jQuery 静音取消静音

Question

我想在滚动时将音频静音，并在滚动到页面顶部时取消静音。我在这里尝试了很多选项，但没有任何效果。

http://codepen.io/chrisgaillard/pen/JbWxWJ

$(window).scroll(function() {
    if ($(this).scrollTop() >1){  
        $('audio').setAttribute('muted'); 
    } else {
        $('audio').setAttribute('unmuted'); 
    }
});

谢谢

Answer 1

您需要使用 volume 属性，而不是设置 muted 属性。试试这个：

$(window).scroll(function() {
    $('audio').prop('volume', $(this).scrollTop() > 1 ? 0 : 1);
});

Updated Codepen