Document
dinomoon.github.io
위의 링크는 제가 예시로 만든 Top 버튼입니다.
어려워 보이시나요? 사실 아주 아주 쉽습니다.
왜냐하면 원하는 위치로 스크롤을 해주는 scrollTo라는 함수가 존재하기 때문입니다!
MDN에서 한 번 보시면 금방 이해되실 거예요✅
Window.scrollTo()
Window.scrollTo() scrolls to a particular set of coordinates in the document.
developer.mozilla.org
그리고 Top버튼의 위치는 고정되어야 하니까 position: fixed를 사용해야합니다!
아래는 제가 직접 짠 자바스크립트 코드입니다~
처음에는 Top버튼이 안 보이다가
스크롤을 조금 아래로 내렸을 때
Top버튼이 보이도록 코드를 추가해주었습니다.
'WEB🔨 > 자바스크립트' 카테고리의 다른 글
| [JavaScript] JS Flow - 함수 선언문과 함수 표현식 (0) | 2020.06.12 |
|---|---|
| [JavaScript] JS Flow - 호이스팅(hoisting) (0) | 2020.06.12 |
| [JavaScript] What is localStorage? (0) | 2020.03.05 |
| [JavaScript] What is JSON? (0) | 2020.03.05 |
| [JavaScript] MyBookList App with Vanila JavaScript (0) | 2020.03.04 |