오늘은 navbar 메뉴를 클릭하면 해당 내용이 있는 페이지로 스크롤하는 방법을 공부했다.
- Element.querySelector()
- event.target
- dataset.property
- Element.scrollToView(options)
- behavior : auto(default), smooth
- block : start(default), center, end, nearest
- inline : start, center, end, nearest(default)
자세한 설명은 노션노트 참고
'TIL(today i learned)' 카테고리의 다른 글
[project] 웹 포트폴리오 사이트 _ JS-css opacity 조정 (0) | 2022.05.15 |
---|---|
[project] 웹 포트폴리오 사이트 만들기 _ JS contact me 버튼 클릭 후 스크롤 (0) | 2022.05.15 |
[project] web portfolio 구축 - JS navbar scroll & transparent (0) | 2022.05.12 |
[project] 웹 포트폴리오 사이트 만들기_css 종료 (0) | 2022.05.11 |
[project] 웹 포트폴리오_css (0) | 2022.05.06 |