밤토리
728x90
article thumbnail
[JS] 스크롤시 맨 위로 가기 버튼 만들기
Frontend/Javascript 2024. 3. 16. 23:49

안녕하세요. 현생을 사느라 포스팅이 조금 늦었습니다. 요즘 앱이나 웹에서 아래의 이미지와 같이 스크롤을 내리고나서 "위로가기" 버튼 많이 이용하시나요? (혹은 맨 아래로) 오늘은 간단하게 자바스크립트로 "위로가기" 버튼을 만들고자 아래의 코드를 공유합니다. const element = document.documentElement; // 스크롤 이벤트 리스너 window.addEventListener('scroll', () => { const btnStyle = document.getElementById('btn-scroll-to-top').style; // 스크롤을 했을때 100px을 초과하면 보이고 아니면 none 처리 btnStyle.display = element.scrollTop > 100 ? '..

728x90