반응형
네비게이션 바를 클릭했을 때 자연스럽게 스르륵 스크롤하고 싶어서
옛날에 찾아봤는데 까먹은 개념을 다시 습득하여 작성해본다.
아주 간단하게 보자면
스크롤할 때는
자바스크립트로 이런 식으로 x좌표 y좌표를 입력해서 사용할 수 있다.
그 중에는 window.scrollBy() 함수도 있는데 이 경우는 현재 위치를 기준으로 이동하는 함수라고 한다.
window.scrollTo(342, 1750);
그리고 이렇게 이동하면 이동은 하는데 스무스하게 이동하지 않기 때문에
style에 이 항목을 추가해주면 스무스하게 이동하는 것을 볼 수 있다.
html {
scroll-behavior: smooth;
}
만약 특정 위치의 좌표를 알고 싶다면?
반응형
'Javascript' 카테고리의 다른 글
| 자바스크립트 script 태그의 defer 기능 (0) | 2023.01.10 |
|---|---|
| EMAILJS 이용해서 메일 보내기 기능 이용하기 (1) | 2023.01.09 |
| onkeypress : input 내에서 엔터키 눌렀을 때 자바스크립트 함수 실행 (0) | 2022.04.21 |
| javascript에서 배열 내 요소를 없애는 방법을 알아보자 (0) | 2022.02.05 |
| javascript forEach 사용 (0) | 2022.02.05 |