如何在fancybox iframe弹出窗口中抑制垂直滚动条?

时间:2014-01-11 18:09:55

标签: jquery iframe fancybox

我正在使用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'默认值,但它没有帮助。

有人知道如何摆脱滚动条吗?

0 个答案:

没有答案