我正在使用fancybox(今天下载的最新版本)来创建iframe弹出窗口,主要使用这里收集的片段。默认情况下,可以通过单击关闭按钮或弹出区域外部来关闭fancybox弹出窗口。想要的是......
到目前为止的代码:
$('.fancybox').fancybox({
modal : true,
maxWidth : 800,
maxHeight : 420,
autoSize : true,
autoWidth: true,
autoHeight : true,
fitToView: true,
closeClick : false,
hideOnOverlayClick : false,
hideOnContentClick : false,
enableEscapeButton : false,
openEffect : 'elastic',
closeEffect : 'elastic',
padding : 0,
margin : 0,
showCloseButton : true,
scrolling : 'no',
afterShow : function() {
$('.fancybox-skin').append('<a title="Close" class="fancybox-item fancybox-close"
href="javascript:jQuery.fancybox.close();"></a>');
}
});
有了这个,内容(swf和swiffy文件)缩放以水平填充视口,只有关闭按钮关闭弹出窗口,并且没有水平滚动条(我想因为在css中我移动了关闭按钮的位置,由于边距:0,进入内容区域,因此在屏幕外。
现在唯一的问题是,在每个设备宽度的弹出iframe(在iframe内)的右侧出现了一个垂直滚动条,从320px到1280px(即使没有任何可滚动的内容)。我已经包含了滚动:'no'并更改了滚动:'auto'滚动:jquery.fancybox.js中的'no'默认值,但它没有帮助。
有人知道如何摆脱滚动条吗?