Устранение или изменение непрозрачности фонового изображения при прокрутке

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>