花哨的盒子似乎在iPhone和iPad上工作有问题.
访问http://fancybox.net/blog并点击iPhone或ipad页面上的"5.显示登录表单立即尝试".表单不是中心,当您尝试输入详细信息时,框会在页面上移动并使其无法使用.
任何修复?
谢谢,C
每次调整浏览器窗口大小时,Fancybox都会尝试自动调整大小并居中,并且此事件会在iPad和iPhone上被触发很多.对于花式框1.3.4,控制它的代码是第608行:
$(window).bind("resize.fb", $fancybox.resize);
Run Code Online (Sandbox Code Playgroud)
为了解决这个问题,我修改了fancybox JS的这一部分,并添加了另一个名为"resizeOnWindowResize"的选项,你可以为iPad和iPhone用户设置为false,或者只是一起禁用它们.
if(currentOpts.resizeOnWindowResize) {
$(window).bind("resize.fb", $fancybox.resize);
}
Run Code Online (Sandbox Code Playgroud)
您还必须在$ .fn.fancybox.defaults哈希映射中为此选项添加默认值.
然后,当调用fancybox时,您可以使用以下新选项:
$('#fancybox_link').fancybox(${'scrolling': 'no',
width: 'auto',
height: 'auto',
centerOnScroll: false,
resizeOnWindowResize : false});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
19478 次 |
| 最近记录: |