웹사이트를 개발하다보면 특정 버튼을 누르면 해당 위치까지 스크롤을 자동으로 이동시켜야
하는 경우가 있다.
이때, 해당 기능을 수행해주는 패키지도 있겠지만 CSS로 처리하는 방법이 있어서
한번 작성해본다.
아주 간단하다.
scroll의주체 {
scroll-behavior: smooth;
}
스크롤이 발생하는 녀석에서 scroll-behavior 옵션을 주면 이쁘게 스크롤된다!
반응형
'개발정보' 카테고리의 다른 글
소프트웨어 개발 3대 원칙 - KISS, YAGNI, DRY (0) | 2023.01.26 |
---|---|
RSS 피드란? (2) | 2023.01.21 |
SEO (0) | 2022.12.09 |
Error: Cannot find module 'semver' (0) | 2022.12.08 |
Naver Cloud 서버 만들기 (0) | 2022.12.06 |