CSS scroll-behavior: smooth를 설정하면 어떤 효과가 있나요?
보통 MDN Web Docs해설
html { scroll-behavior: smooth; }를 설정하면 <a href="#section"> 같은 앵커 링크 클릭 시 해당 위치로 즉시 이동하지 않고 부드럽게 스크롤됩니다. JavaScript 없이도 CSS만으로 부드러운 스크롤 효과를 구현할 수 있어 편리합니다.
html { scroll-behavior: smooth; }를 설정하면 <a href="#section"> 같은 앵커 링크 클릭 시 해당 위치로 즉시 이동하지 않고 부드럽게 스크롤됩니다. JavaScript 없이도 CSS만으로 부드러운 스크롤 효과를 구현할 수 있어 편리합니다.
