window.pageYOffset在Chrome中不起作用

Question

因此，我絕對是JS的初學者，這也許很簡單，但我不知道為什么這不起作用。 我試圖在頁面Y偏移大於30時顯示div，但它不起作用。

// js在下面

var x = document.getElementById('play');
var ypos = window.pageYOffset;

var see = function() {
    if (ypos > 30) {

    x.style.opacity = 1;

    } else {

        console.log('not working');
    }
}

window.addEventListener("scroll", see);

Answer 1

因為初始ypos為0，它不會更新，無論您向下滾動多少，它始終保持為零。要更新它，它應該在see（）函數內部，因此每次向下滾動窗口時，它都會將會被更新。 並且它正在工作。不要將其與“不工作”語句混淆。這僅僅是因為ypos變量被分配了相同的“ 0”值。請參見我的示例。我對其進行了更改。它將在將不透明度設置為0.4時ypos>30

 var x = document.getElementById('play'); var see = function() { var ypos = window.pageYOffset; if (ypos > 30) { x.style.opacity = '0.4'; } else { alert('scrolled more than 30 !!'); } } window.addEventListener("scroll", see); 

 <div style='width:600px;height:2000px;background:red;border:1px solid black;' id='play'>lol</div>