-webkit-overflow-scrolling
비표준: 이 기능은 비표준이므로 실제 프로덕션에서 사용하지 마세요. 모든 사용자 환경에서 작동하지 않을 수 도 있으며, 미래에 호환성 문제가 생길 수 있습니다.
CSS -webkit-overflow-scrolling
속성은 터치 단말기에서 주어진 요소의 모멘텀 기반 스크롤 활성화 여부를 결정합니다.
초기값 | auto |
---|---|
적용대상 | scrolling boxes |
상속 | yes |
계산 값 | as specified |
Animation type | discrete |
값
형식 구문
Error: could not find syntax for this item
예제
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 |
브라우저 호환성
{{Compat}}