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

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

QA

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

답변 1

본문

웹페이지인데요~

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

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

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

 

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

-webkit-overflow-scrolling:touch; 

 

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

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

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

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

 

아래는 스크립트입니다.

https://jsfiddle.net/9avjL2pb/

 

아이폰 버그인지요?

 

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

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

 

도움 말씀 부탁드립니다.

감사합니다.

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 32
© SIRSOFT
현재 페이지 제일 처음으로