javascript - 使用不透明度值设置在滚动时淡入和淡出

Question

这是我的脚本:

jQuery(document).ready(function(){
    jQuery(window).scroll(function () {
          var scrollTop = jQuery(window).scrollTop();
          var height = jQuery(window).height();
          jQuery('.background_top_dissolvenza').css({
             'opacity': ((height - scrollTop) / height)
          });
     });
  });

我想将不透明度值停止在 0.5，而现在它达到 0，甚至进一步，当我滚动时，其值为负值。

有什么建议吗？谢谢!

Answer 1

您将需要使用Math.max()。

jQuery(document).ready(function(){
      jQuery(window).scroll(function () {
          var scrollTop = jQuery(window).scrollTop();
          var height = jQuery(window).height();
          jQuery('.background_top_dissolvenza').css({
              'opacity': Math.max((height - scrollTop) / height, 0.5)
          });
     });
});

这是一个working fiddle