iPhone上的Fancybox问题

Question

花哨的盒子似乎在iPhone和iPad上工作有问题.

访问http://fancybox.net/blog并点击iPhone或ipad页面上的"5.显示登录表单立即尝试".表单不是中心,当您尝试输入详细信息时,框会在页面上移动并使其无法使用.

任何修复？

谢谢,C

Answer 1

每次调整浏览器窗口大小时,Fancybox都会尝试自动调整大小并居中,并且此事件会在iPad和iPhone上被触发很多.对于花式框1.3.4,控制它的代码是第608行:

$(window).bind("resize.fb", $fancybox.resize);

为了解决这个问题,我修改了fancybox JS的这一部分,并添加了另一个名为"resizeOnWindowResize"的选项,你可以为iPad和iPhone用户设置为false,或者只是一起禁用它们.

if(currentOpts.resizeOnWindowResize) {
   $(window).bind("resize.fb", $fancybox.resize);    
}

您还必须在$ .fn.fancybox.defaults哈希映射中为此选项添加默认值.

然后,当调用fancybox时,您可以使用以下新选项:

$('#fancybox_link').fancybox(${'scrolling': 'no',
                              width: 'auto',
                              height: 'auto',
                              centerOnScroll: false,
                              resizeOnWindowResize : false});