Javascript 当距离屏幕底部20%时显示div

嗨

所以我想知道，如果在currend屏幕视图中div距离底部20%，是否可以显示div的淡入淡出效果。因此，例如，如果您向下滚动页面，并且下面的contentbox与屏幕底部的距离为屏幕高度的20%，则淡入效果将运行

我想要这个是因为它的响应功能。我不想每次屏幕大小改变时都为淡入淡出效果写一个新的像素高度

以下是我当前使用的代码：

function Scroll(){
var top = document.getElementById('div1');
var ypos = window.pageYOffset;
    if (ypos > 1000){
        top.style.opacity = "1";
    }
    else {
        top.style.opacity = "0";
    }
}
window.addEventListener("scroll",Scroll);

---

你看过结合位置和高度的卷轴了吗？在卷轴上，你可以得到相关元素的位置，并与窗口进行比较。这些应该是你需要的所有工具。

你看过结合位置和高度的卷轴了吗？在卷轴上，你可以得到相关元素的位置，并与窗口进行比较。这些应该是您需要的所有工具。

可能会有帮助。可能的副本可能会有帮助。可能的副本谢谢您的链接！他们帮了我！谢谢你的链接！他们帮了我！