스크롤바 만질 때마다 코드 실행하고 싶으면 스크롤 이벤트리스너 사용
window.addEventListener("scroll", () => {
if (window.scrollY > 100) {
document.querySelector(".navbar-brand").style.fontSize = "20px";
} else {
document.querySelector(".navbar-brand").style.fontSize = "30px";
}
});
'JAVASCRIPT > 문법' 카테고리의 다른 글
| [JAVASCRIPT] 배열 정렬, 배열 내 객체 정렬 (0) | 2023.03.06 |
|---|---|
| [JAVASCRIPT] reduce (0) | 2023.03.06 |
| [JAVASCRIPT] 캐러셀 만들기 (0) | 2022.12.26 |
| [JAVASCRIPT] map (0) | 2022.12.16 |
| [JAVASCRIPT] setInterval (0) | 2022.12.16 |