CSS 오버플로우 앵커 속성

정의와 사용법

overflow-anchor 이 속성은 스크롤 앵커를 닫기 위해 사용됩니다(스크롤 앵커 비활성화).

스크롤 앵커는 새로운 내용을 로드하는 동안 이미 뷰포트에 스크롤된 영역이 움직이지 않도록 하는 브라우저의 기능입니다. 이는 네트워크 연결이 느리다면 문제가 될 수 있습니다. 즉, 사용자가 페이지가 완전히 로드되기 전에 아래로 스크롤하여 읽기 시작할 때입니다.

예제

스크롤 앵커를 닫습니다：

div {
  overflow-anchor: none;
}

본인이 직접 시도해 보세요

CSS 문법

overflow-anchor: auto|none|initial|inherit;

속성 값

값 설명
auto 기본 값. 스크롤 앵커를 활성화합니다。
none 스크롤 앵커를 비활성화합니다。
initial 이 속성을 기본 값으로 설정합니다. 참고: initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참고: inherit。

기술 세부 사항

기본 값: auto
상속성: 아니요
애니메이션 제작: 지원하지 않습니다. 참고:애니메이션 관련 속성。
버전: CSS3
JavaScript 문법: object.style.overflowAnchor="none"

브라우저 지원

표格에 나타난 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다。

크롬 에지 파이어폭스 사파리 오페라
56.0 79.0 66.0 지원하지 않음 43.0

관련 페이지

교육:CSS 부족

참조:CSS 오버플로우 속성