HTML / CSS
[CSS] 아이폰(ios)에서 overflow 스크롤링 부드럽게 처리
- 2022.04.17 13:04:20
 아이폰, 아이패드 등 ios에서 특정 엘리먼트에 overflow:scroll 을 주게 되는 경우 스크롤바가 부드럽지 않게 끊겨 작동되는 것을 확인할 수 있다. 엘리먼트에 생성된 스크롤바를 부드럽게 작동 시키려면 ios 브라우저에 대한(webkit) 속성을 아래와 같이 변경해 줘야 한다. * {
-webkit-overflow-scrolling: touch; -webkit-border-radius: 0; } 그럼 부드럽게 작동하는 스크롤바를 확인할 수 있다. |