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

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

QA

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

본문

웹페이지인데요~

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

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

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

 

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

-webkit-overflow-scrolling:touch; 

 

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

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

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

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

 

아래는 스크립트입니다.

https://jsfiddle.net/9avjL2pb/

 

아이폰 버그인지요?

 

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

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

 

도움 말씀 부탁드립니다.

감사합니다.

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
전체 69
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT