Javascript 向下滚动时增加div不透明度

我已经研究了丢失的资源，但是没有解决我的问题的方法。我创建了一个div，它的可见性隐藏在CSS源代码中。我想从0.1的不透明度开始，当滚动到200时，当滚动到300时，不透明度变为1

$(document).ready(function(){                    
    $(window).scroll(function(){
        if ($(this).scrollTop() > 150) {
            $('.fscrollonh').css({"opacity": "0.1",  "visibility": "visible"});
            $('.fscrollonh').show(500);
        } else {
            $('.fscrollonh').hide(500);
        }
    });
});

---

试试这个。它根据函数和滚动计算来计算不透明度

$(document).ready(function(){                    
    $(window).scroll(function(){
      var scrollval =   $(this).scrollTop();
      if ( scrollval > 150) {
            $('.fscrollonh').css({"visibility": "visible"});
            $('.fscrollonh').show(500);
            $('.fscrollonh').css({
                opacity: function() {
                 var opacity = (150 * .006) + 0.1;
                 return opacity;
                 }
              });
        }
    else {
            $('.fscrollonh').hide(500);
        }
    });
});

虽然我还没有试过

---

希望这有帮助。

我想你是在找这样的东西吧

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
让sT=$（window.scrollTop（）；
$（'.scrollonh'）.css({
不透明度：（sT<201±0:（sT>300±1:（sT-200）/100））
})
});
});
正文{
最低高度：200vh；
}
.scrollonh{
位置：固定；
排名：0；
底部：0；
左：0；
右：0；
不透明度：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.\32 00pxmark，
\33 00px马克{
利润上限：200px；
身高：0；
溢出：可见；
边框顶部：1px纯红；
}
\33 00px马克{
边缘顶部：100px；
}

我在卷轴上褪色
200px标记
300px标记
那么您的问题是什么？我在任何地方都没有看到。编辑：当在200上滚动时，您声明
我想从0.1的不透明度开始，并且您的代码是
$（this）.scrollTop（）>150
。在这种情况下，在200上滚动时不透明度变为0.1。我想在滚动150到300的过程中将不透明度从0.1增加到1。很抱歉，我更改了决定并忘记了。因此，一旦
$（this）.scrollTop（）的值
>=300，您想要完全不透明度吗？如果是这样，只需添加一个
else If
条件。我很快就能解决这个问题，但我想css可见性不会让jquery启动。在我尝试时，出现了一些错误。可能是因为这个原因，它不起作用了。我花了30分钟才找到它：）非常感谢！