如何在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/