淡入淡出效果與不透明度值設置滾動

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