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