ipad - モバイルサファリを使用したipadでのfancybox2 iframeスクロール

Question

iframe と fancybox2 を使用しているときにスクロールを可能にする簡単な修正方法を知っている人はいますか? モバイル サファリを使用している iPad で、スクロールバーやタッチ スクロールが許可されていないように見える

Answer 1

スクロールを表示せず、フレーム コンテンツの高さで fancybox を開くだけで、ユーザーは通常のウィンドウで行うようにポップアップをスクロールします。

iframe テンプレートにモバイル メタを追加します。

        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

次のように fancybox を呼び出します。

   if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
       $("a.fancybox").fancybox({
            'scrolling' : 'yes',
            'type'      : 'iframe',
            'autoSize'  : true,
            'autoResize': true,
            'fitToView' : false 
        });
   }

幅を設定したい場合があります。

それは私にとってはうまくいきます。