Skip to content

S
SWLab UI
Commit 8e7ae785 authored by minseok.park's avatar minseok.park
Browse files
Options

update srcoll-top

parent 70b27eb9
Show whitespace changes
Inline Side-by-side
Showing with 8 additions and 8 deletions
src/js/11-scroll-top.js
View file @ 8e7ae785
...@@ -5,14 +5,14 @@ ...@@ -5,14 +5,14 @@
const scrollToTopButton = document.querySelector('.top-scroll-btn') const scrollToTopButton = document.querySelector('.top-scroll-btn')
// 스크롤 이벤트 핸들러 // 스크롤 이벤트 핸들러
window.addEventListener('scroll', function () { // window.addEventListener('scroll', function () {
// 페이지가 300px 이상 스크롤되었을 때 버튼 표시 // // 페이지가 300px 이상 스크롤되었을 때 버튼 표시
if (window.scrollY > 300) { // if (window.scrollY > 300) {
scrollToTopButton.style.display = 'flex' // scrollToTopButton.style.display = 'flex'
} else { // } else {
scrollToTopButton.style.display = 'none' // scrollToTopButton.style.display = 'none'
} // }
}) // })
// 버튼 클릭 시 페이지 상단으로 스크롤 // 버튼 클릭 시 페이지 상단으로 스크롤
scrollToTopButton.addEventListener('click', function () { scrollToTopButton.addEventListener('click', function () {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment