問題與滾動在JS

Question

<script type="text/javascript"> 
var page1 = document.querySelector("#aaa"); 
var chiffre; 
page1.addEventListener("scroll", deplacer); 
function deplacer() { 
    alert("a"); 
    chiffre += 1; 
    page1.style.top = chiffre + px; 
} 
</script> 

爲什麼當我滾動我的<div id="aaa"></div>沒有任何提醒？在此先感謝

Answer 1

您的代碼運行得很好，但您確實需要圍繞px在page1.style.top = chiffre + px;與報價'px'。

附加到document.body不起作用，因爲它是滾動的窗口，而不是正文。

var el = window; 
 
var chiffre; 
 

 
function deplacer() { 
 
    chiffre += 1; 
 
    //el.style.top = chiffre + 'px'; We can't set .style.top on window, so this'll need to be changed. 
 
    alert("a"); 
 
}; 
 

 
el.addEventListener("scroll", deplacer);

p { 
 
    transition: all 1s ease-in-out; 
 
    color: blue; 
 
    font-size: 100px; 
 
} 
 

 
p:hover { 
 
    color: red; 
 
}

<p>a</p> 
 
<p>a</p> 
 
<p>a</p>

Answer 2

你不初始化chiffre任何東西，做

vaf chiffre = 0;