javascript - 如何在 jquery 中正确使用 $ ("body").scrollTop() ？

Question

这实际上是对我之前的问题 https://stackoverflow.com/a/31721869/4662074 的跟进.我想实现这样的效果，即当用户向下滚动页面时，下一个 div 将改变不透明度，以便只要用户继续滚动网页就会覆盖主视频。这是例子 https://jsfiddle.net/Leytgm3L/38/ - 当你在全屏上看到它时，它工作得很好，但是当窗口较小时 - 然后该部分不会完全覆盖它下面的视频 - 我必须继续滚动以使其不透明度达到 100%。到达时如何完全覆盖视频？我认为问题在于这一行:

    $("#black").css("opacity",$("body").scrollTop()/1000);

实际上在这个值 $("body").scrollTop() 中。我该如何解决？

Answer 1

试试这个代码，它对我有用

$("#black").css("opacity",$("body").scrollTop()/($("#black").offset().top*2.5));

https://jsfiddle.net/vinodmurukesan/Leytgm3L/39/