일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- for반복문
- 소오름~
- 자바스크립트와 ECMAScript
- 자바스크립트의 탄생배경
- .split()
- 구문과 의미
- async-await
- a && b
- Ajax란?
- 프로그래머스
- array.reduce()
- 프로그래밍이란
- arr.push()
- 가우스의 공식
- for문
- 알고리즘
- 소름돋는 알고리즘
- ES6 브라우저 지원 현황
- JavaScript
- !x.includes()
- Promise.all()
- 행렬...
- 배열 최솟값
- 자바스크립트
- Math.min
- .map()
- 프로그래머스 공원 산책
- 삼항연산자
- 자바스크립트의 특징
- 어려운데ㅠㅠ
Archives
- Today
- Total
Ming's develop story
Chapter3 - 스크롤바 움직이기 본문
App.js에서 input박스 밑에 만들어보자
<button
onClick={() => {
window.scrollTo({ top: 0, left: 0, behavior: "smooth" }); // 여기에 들어가는 것은 좌표이다.
}}
>
위로 가기
</button>
위로 가기 버튼을 만들어주고 window.scrollTo()를 통해 누르면 위로 가도록 해준다
behavior: "smooth"를 통해 부드럽게 올라가도록 만들 수 있다.
'스파르타코딩클럽 - 항해99 > 항해99 Chapter3 - react 주특기 기본' 카테고리의 다른 글
Chapter3 - Firebase란? (0) | 2021.11.25 |
---|---|
Chapter3 - 버킷리스트를 좀 더 예쁘게 꾸미기 (0) | 2021.11.25 |
Chapter3 - 버킷리스트에 프로그래스바 달아주기*** (0) | 2021.11.25 |
Chapter3 - keyframes (0) | 2021.11.25 |
Chapter3 - 점수화면 만들기 (3주차) (0) | 2021.11.25 |
Comments