显示DIV当它从屏幕

Question

Heyo底部20％了，

，所以我在想，如果有可能显示一个div的渐变效果，如果是从底部20％远在currend屏幕视图内。因此，例如，如果向下滚动页面，并且以下内容框距屏幕底部的距离为屏幕高度的20％，则淡入效果将运行。

我想这是因为响应函数。每次Screensize更改时，我都不想为淡入淡出效果编写新的像素高度。

这里是我目前使用的代码：

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); 

Answer 1

你看着滚动与位置和高度结合起来呢？ https://api.jquery.com/scroll/和https://api.jquery.com/position/在滚动条上，您可以获取有问题的元素的位置并与窗口进行比较。 http://api.jquery.com/height/和How to get the 'height' of the screen using jquery这些应该是您需要的所有工具。