스타일 scrollBehavior 속성

정의와 사용법

scrollBehavior 속성은 사용자가 스크롤 가능 상자 내의 링크를 클릭할 때 위치로 스크롤이 원활한 애니메이션으로 이동하는지, 직접 점프하는지 정의합니다.

다른 참조를 보세요：

CSS 참조 매뉴얼：scroll-behavior 속성

예제

평滑한 스크롤 효과를 페이지에 추가하세요：

document.documentElement.style.scrollBehavior = "smooth";

직접 시도해 보세요

문법

object.style.scrollBehavior = "auto|smooth|initial|inherit"

속성 값

값 설명
auto 기본. 스크롤 상자 내 요소 간에 직접 점프하는 "스크롤 효과"를 허용합니다.
smooth 스크롤 상자 내 요소 간의 원활한 애니메이션을 허용하는 "스크롤 효과".
initial 이 속성을 기본 값으로 설정합니다. 참고하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참고하십시오 inherit。

브라우저 지원

표에서의 숫자는 이 속성을 최초로 완전 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
61.0 79.0 36.0 14.0 48.0