隐藏滚动不透明度为0.9的固定div

Question

在最近的模板中，我使用以下代码将标题隐藏在div中：<script>$(window).scroll(function(){    $(".title").css("opacity", 0.9 - $(window).scrollTop() / 5);  });</script>在Safari中，我有一个问题，如果我在Safari中通过div向上滚动，则会增加不透明度，该不透明度高于标准值0.9。这在我的模板上看起来不太好，因为div是不透明度为0.9的标头的一部分。我希望它最大显示不透明度0.9，而不是1或1.2等。该效果仅在Safari中通过滚动弹跳效果可见。我尝试将其添加到我的CSS中，但没有任何积极效果：html,body {  height: 100%;  width: 100%;  overflow: auto;}有任何想法吗？

Answer 1

您可以在应用该值之前检查该值，并确保它不大于0.9，如下所示：

$(window).scroll(function()

{

   var opacity = 0.9 - $(window).scrollTop() / 5;

   if (opacity > 0.9)

   {

      opacity = 0.9;

   }

   $(".title").css("opacity", opacity);

});