스크롤 휠을 사용할 때 부드러운 스크롤 애니메이션을 얻을 수 있는 방법이 있습니까?

Question

저는 페이지를 스크롤할 때 스크롤 휠을 사용할 때처럼 "점프하는" 방식 대신 부드럽게 움직이도록 만들려고 노력하고 있습니다.

이와 관련하여 제가 본 대부분의 소스에는 반응 스크롤이 제공하는 것과 같이 버튼이나 링크를 클릭할 때 부드러운 스크롤이 포함되어 있지만 특히 휠 스크롤의 부드러운 효과를 얻고 싶습니다. Material UI 테마를 통해 이를 달성할 수 있는 방법이 있습니까? 아니면 이를 지원하는 React 패키지가 있습니까?

Answer 1

기준점을 클릭할 때 부드러운 스크롤을 원할 경우 html 태그에 다음 코드를 적용할 수 있습니다.

으아악

스크롤하는 동안 애니메이션 효과를 적용하려면 기본적으로 모든 웹사이트에 적용됩니다.