<![CDATA[
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>scroll 이벤트 사용하기</title>
<style>
body {
height: 600vh; /* vh는 화면의 높이 */
text-align: center;
transition: background-color 0.5s;
}
</style>
</head>
<body>
<h3>스크롤바를 움직이면 배경색이 변함!</h3>
<script>
document.addEventListener("scroll", function() {
let p = window.scrollY;
document.body.style.backgroundColor
= "rgb(" + p % 255 + "," + (255 - p % 255) + ", 200)";
});
</script>
</body>
</html>
]]>