jquery - 使用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