ipad - fancybox2 iframe 在 ipad 上使用移动 safari 滚动

Question

有谁知道在使用 iframe 和 fancybox2 时可以轻松进行滚动的修复方法？使用移动 safari 的 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 
        });
   }

您可能想要设置宽度。

这对我行得通。