fancybox2 iframe在ipad上滚动浏览手机游戏

时间:2012-08-06 20:26:06

标签: ipad iframe safari scroll fancybox

有没有人知道使用iframe和fancybox2时可以轻松修改滚动?使用移动safari的ipad似乎仍然不允许滚动条或触摸滚动

1 个答案:

答案 0 :(得分:0)

不要显示滚动条,只需打开框架内容高度的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 
        });
   }

您可能需要设置宽度。

这适合我。