overflow-anchor
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
overflow-anchor
CSS 속성은 콘텐츠 이동을 최소화하기 위해 스크롤의 위치를 조정하는 브라우저의 스크롤 앵커링 동작을 선택적으로 비활성화하는 방법을 제공합니다.
스크롤 앵커링 동작은 이를 지원하는 브라우저에서는 기본적으로 활성화되어 있습니다. 따라서 이 속성의 값을 바꾸는 것은 일반적으로 문서나, 혹은 문서의 일부분에서 스크롤 앵커링에 문제가 있다고 느껴질 때에 한하여 동작을 비활성화할 수 있습니다.
시도해보기
구문
css
/* 키워드 값 */
overflow-anchor: auto;
overflow-anchor: none;
/* 전역 값 */
overflow-anchor: inherit;
overflow-anchor: initial;
overflow-anchor: revert;
overflow-anchor: revert-layer;
overflow-anchor: unset;
값
형식 정의
초기값 | auto |
---|---|
적용대상 | all elements |
상속 | no |
계산 값 | as specified |
Animation type | discrete |
형식 구문
overflow-anchor =
auto |
none
예제
스크롤 앵커링 방지하기
문서에서 스크롤 앵커링 동작을 방지하기 위해 overflow-anchor
속성을 사용합니다.
css
* {
overflow-anchor: none;
}
명세서
Specification |
---|
CSS Scroll Anchoring Module Level 1 # exclusion-api |
브라우저 호환성
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
overflow-anchor | ||||||||||||
auto | ||||||||||||
none |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- In development. Supported in a pre-release version.
- In development. Supported in a pre-release version.
- No support
- No support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.