隐藏滚动不透明度为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(){&nbsp; &nbsp;var opacity = 0.9 - $(window).scrollTop() / 5;&nbsp; &nbsp;if (opacity > 0.9)&nbsp; &nbsp;{&nbsp; &nbsp; &nbsp; opacity = 0.9;&nbsp; &nbsp;}&nbsp; &nbsp;$(".title").css("opacity", opacity);});