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'입니다.

body.body에 첨부하는 것은 작동하지 않습니다. 스크롤하는 창이므로 본체가 아닙니다. 당신은 아무것도 chiffre를 초기화하지 않는

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

수행

vaf chiffre = 0;