Sự kiện cuộn trong JavaScript được kích hoạt khi người dùng tương tác với thanh cuộn bằng cách di chuyển nó lên hoặc xuống.
Sau đây là mã cho các sự kiện cuộn trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
height: 150vh; /*To have a scrollbar*/
}
.result{
font-size: 18px;
color: blueviolet;
font-weight: 500;
}
</style>
</head>
<body>
<h1>Scroll events in JavaScript</h1>
<div class="result"></div>
<h3>Scroll the scrollbar to see some text in the above paragraph</h3>
<script>
let resEle = document.querySelector(".result");
window.addEventListener("scroll", () => {
resEle.innerHTML = "The scroll event has fired";
});
</script>
</body>
</html> Đầu ra
Khi cuộn xuống một chút -
