스크롤 오프셋html

Question

HTML과 CSS로 뭔가를 하려고 하는데 실제로 작동하는지 잘 모르겠습니다.

스크롤할 때 스크롤 속도를 늦추어 더 부드럽게 만드는 등 일종의 "지연"을 추가하고 싶습니다.

일부 사이트에서는 이렇게 합니다. 저는 다른 사이트와 다르게 스크롤되고 부드러워 보이는 일부 페이지를 방문한 적이 있습니다.

이게 가능할까요?

Answer 1

당연하죠! 웹사이트에서 부드러운 스크롤 효과를 얻으려면 다음 CSS 규칙을 사용할 수 있습니다.

으아악

그리고 부드러운 스크롤을 실행하는 내부 링크를 만들려면 HTML에서 다음과 같은 앵커 태그를 사용하세요.

으아악

이 방법을 사용하면 웹사이트 스크롤이 사용자에게 더 부드럽고 편안하게 느껴질 것입니다.