iOS safari에서 iframe 스크롤 바를 활성화하는 방법

Question

내 웹 사이트에서 Facebook의 라이브 스트림 플러그인을 구현하려고합니다. PC와 Mac 브라우저에는 스크롤 바가 있지만 아이폰이나 ipad 사파리에서는 볼 수 없습니다. 나는 그들이 터치 기반 장치이기 때문에 아이폰과 ipad가 스크롤바를 다르게 취급하기 때문이라고 생각합니다. 그래서 두 손가락으로 iframe을 스크롤 할 것으로 예상되지만 작동하지 않습니다. 여기

샘플 페이지 http://para.qacode.com/test.php

는 어떻게 IOS 사파리에 두 스크롤 손가락이나 일반 스크롤 막대를 사용할 수 있습니까 (다른 SRC URL을 사용)입니까?

Answer 1

5 이전의 iOS 버전에서는 두 손가락으로 iPad/iPhone에서 iframe을 스크롤 할 수 있지만 이는 숨겨진 기능이며 대부분의 사람들은 모릅니다. 왜 견인 손가락 스크롤이 iframe에서 작동하지 않는지 잘 모르겠습니다. 아마도 일부 자바 스크립트가 터치 이벤트를 가로 채고 있을까요?

iOS 5에서는 손가락이 하나 인 iframe에 대해 스크롤이 예상대로 작동합니다.

iOS 4 이전 버전에서 페이지의 하위 영역을 스크롤해야하는 경우 가장 좋은 방법은 자바 스크립트 터치 이벤트 처리로 스크롤을 구현하는 iScroll과 같은 라이브러리를 사용하는 것입니다.

-webkit-overflow-scrolling:touch; 
overflow:auto; 

:

Answer 2

는 부모 컨테이너에 이러한 스타일을 적용