-webkit-overflow-scrolling
비표준: 이 기능은 표준화되어 있지 않습니다. 비표준 기능은 브라우저 지원이 제한적이며 변경되거나 제거될 수 있으므로 프로덕션 환경에서 사용하는 것은 권장되지 않습니다. 그러나 표준 옵션이 없는 특정 상황에서는 적절한 대안이 될 수 있습니다.
CSS -webkit-overflow-scrolling 속성은 터치 단말기에서 주어진 요소의 모멘텀 기반 스크롤 활성화 여부를 결정합니다.
| 초기값 | auto |
|---|---|
| 적용대상 | scrolling boxes |
| 상속 | yes |
| 계산 값 | as specified |
| Animation type | discrete |
값
형식 구문
CSS Page type required예제
HTML
html
<div class="scroll-touch">
<p>This paragraph has momentum scrolling</p>
</div>
<div class="scroll-auto">
<p>This paragraph does not.</p>
</div>
CSS
css
div {
width: 100%;
overflow: auto;
}
p {
width: 200%;
background: #f5f9fa;
border: 2px solid #eaf2f4;
padding: 10px;
}
.scroll-touch {
-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
}
.scroll-auto {
-webkit-overflow-scrolling: auto; /* Stops scrolling immediately */
}
결과
명세
명세에 속하지 않습니다. Apple의 Safari CSS Reference에 설명이 있습니다.
| 초기값 | auto |
|---|---|
| 적용대상 | scrolling boxes |
| 상속 | yes |
| 계산 값 | as specified |
| Animation type | discrete |