淡入淡出或改變背景圖片的不透明度

Question

在滾動時，站點的背景圖像可以將其不透明度從50％更改爲100％嗎？怎麼樣？可能與JavaScript的東西。 感謝您的幫助提前。

Answer 1

你可以使用類似這樣

$(window).scroll(function(){ 
 
    $(".top").css("opacity", 1 - $(window).scrollTop()/500); 
 
    });

<div class="custom" > 
 
\t <div class="top"><img style="position: relative" src="http://goldenstatetannery.com/images/sunset-wild01.jpg"></div> 
 
<!--Import jQuery before materialize.js--> 
 
     <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" ></script> 
 
     <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>