顯示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這些應該是您需要的所有工具。