ipad의 jquery UI 대화 상자에서 iframe을 스크롤 할 수 없습니다.

원래 표준 데스크톱과 랩톱에서 사용하도록 설계된 웹 응용 프로그램이 있습니다. 이제 태블릿에서도 "있는 그대로"사용할 수 있는지 확인하려고합니다.ipad의 jquery UI 대화 상자에서 iframe을 스크롤 할 수 없습니다.

iPad 2에서 해봤지만 큰 문제가 하나 있습니다. 응용 프로그램에서 jQuery UI 1.8.22를 사용하여 만든 대화 상자를 많이 사용합니다.이 대화 상자는 "팝업"으로 사용됩니다. iframe 및 대화 상자 크기가 오버플로되면 세로 스크롤 막대가 표시되지만 iframe 콘텐츠를 스크롤 할 수 없기 때문에 항상 기본 페이지 콘텐츠를 스크롤합니다.

어떻게이 문제를 해결할 수 있습니까? 제 응용 프로그램이나 iPad 브라우저 자체에 문제가 있다고 생각합니까?

어떤 용도로 사용할 수 있다면 대화 상자를 직접 만드는 코드를 게시 할 예정입니다. 표준 컴퓨터를 사용하여 탐색 할 때 스크롤 문제는 전혀 없습니다.

편집 :

난 그냥 우리가 같은 팝업을 생성하는 방법을, 내가 아이 패드와 함께 바이올린을 시도하고 사실 내가 iframe이 컨텐츠를 스크롤 할 수 없습니다 보여줍니다이 바이올린 http://jsfiddle.net/MLGku/1/을 만들어

, 내가 어떤 도움을 매우 감사하게 될 거라고 너는 나를 줄 수있을거야. http://home.jejaju.com/play/iframe-scroll.html

출처

2012-08-22 Matteo Tassinari

은 결국 나는이 코드가 잘린를 사용하여 문제를 해결할 수있었습니다. 감사.

출처

2012-09-24 08:17:19

와우는, 신속하고 완벽하게 작동합니다 : 위의

if (/iPhone|iPod|iPad/.test(navigator.userAgent)) { $('iframe').wrap(function() { var $this = $(this); return $('<div />').css({ width: $this.attr('width'), height: $this.attr('height'), overflow: 'auto', '-webkit-overflow-scrolling': 'touch' }); }); }

코드가 여기 발견 : – evan

ipad의 jquery UI 대화 상자에서 iframe을 스크롤 할 수 없습니다.

답변

관련 문제