scroll-behavior1

• 

  [CSS] scroll-behavior로 부드러운 스크롤 구현하는 법 1. scroll-behavior: smooth – 단 1줄로 부드러운 스크롤 완성하기사용자 경험을 높이기 위해 많이 사용되는 효과 중 하나가 부드러운 스크롤(smooth scroll)입니다.과거에는 JavaScript나 jQuery를 통해 구현해야 했지만, 이제는 CSS 한 줄만으로도 가능합니다.2. 기본 문법html { scroll-behavior: smooth;} 이 속성 하나만으로 같은 페이지 내의 앵커(anchor) 링크 클릭 시 부드럽게 이동하게 됩니다.3. 예제: 내비게이션에서 섹션으로 스크롤3-1. HTML 코드섹션 2로 이동 여기가 섹션 2입니다3-2. CSS 코드html { scroll-behavior: smooth;}이제 를 클릭하면, 페이지가 자연스럽게 section2로 스르륵.. CSS 2025. 5. 19.