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