3

もともと標準のデスクトップとラップトップから使用するように設計されたWebアプリケーションがありますが、現在、タブレットでも「そのまま」機能するかどうかを確認しようとしています。

iPad 2で試してみましたが、大きな問題が1つあります。アプリケーションは、jQuery UI 1.8.22を使用して作成されたダイアログを多用します。これは、「ポップアップ」として使用されます。つまり、各ダイアログにはiframeが含まれます。コンテンツは、垂直スクロールバーが表示されるダイアログサイズをオーバーフローしますが、メインページのコンテンツを常にスクロールするため、iframeコンテンツをスクロールできません。

この問題はどのように解決できますか？それは私のアプリケーションまたはiPadブラウザ自体の問題だと思いますか？

役に立ったら、ダイアログ自体を作成するコードを投稿します。今のところ、標準のコンピューターを使用してナビゲートする場合、スクロールの問題はまったくありません。

編集：

このようなポップアップを作成する方法を示すこのフィドルhttp://jsfiddle.net/MLGku/1/を作成しました。iPadでフィドルを試しましたが、実際にはiframeコンテンツをスクロールできません。あなたが私に与えることができるだろうのを手伝ってください。

4

1 に答える 1

5

最後に、この抜粋されたコードを使用して問題を解決できました。

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'
    });
  });
}

上記のコードは次の場所にあります: http://home.jejaju.com/play/iframe-scroll.html

于 2012-09-24T08:17:19.420 に答える