Question

是否可以让网站的背景图片在滚动时将其不透明度从50％更改为100％？怎么样？可能是javascript的东西。感谢您的帮助。

Answer 1

你可以使用这样的东西

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

<div class="custom"  >
	<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>

在滚动时淡化或更改背景图像的不透明度

1 个答案: