테스트 사이트 - 개발 중인 베타 버전입니다

사파리,아이폰 오류요ㅠ -webkit-overflow-scrolling:touch; 사용시 .. 채택완료

웹페이지인데요~

안드로이드폰으로 보면 아무 이상이 없는데..

아이폰에서만 발생하는 현상입니다.

(아이폰에서도 -webkit-overflow-scrolling:touch; 모멘텀 설정을 해주었을 경우만 발생합니다.)

 

아이폰에서 스크롤이 매끄럽지 않아서, 모멘텀 css를 추가해주었는데요.

-webkit-overflow-scrolling:touch; 

 

문제는.. 저 css 를 추가해주면..

아이폰에서 DIV 스크롤바 영역

바깥쪽 검정 배경 부분을 손으로 상하좌우 드래그 하게 되면,

div의 스크롤바 기능이 멈춰버립니다.

 

아래는 스크립트입니다.

https://jsfiddle.net/9avjL2pb/" target="_blank">https://jsfiddle.net/9avjL2pb/

 

아이폰 버그인지요?

 

모멘텀 기능을 지워주면, 아이폰에서도 문제가 없지만..

저것을 제거하면 스크롤이 매끄럽지 않아서 너무 불편합니다.

 

도움 말씀 부탁드립니다.

감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

https://caniuse.com/#search=touch">https://caniuse.com/#search=touch 해당 브라우저에선 지원하지 않는 기능입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고