スクロール時に背景画像の不透明度を変更または変更する

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>

ようなものを使用することができます