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