jquery - 如何更改 jquery fancy box v2.1.4 中弹出框的大小?

标签 jquery html css popup fancybox

<分区>

我正在使用 jquery fancy-box v2.1.4(参见 fancybox 网站 here)。 Fancybox 工作正常,但我无法更改弹出窗口的大小。如何控制 fancybox 弹出窗口的大小?

最佳答案

FancyBox 作为内置方法将宽度和高度设置为生成的“窗口”以保存内容...查看网站以获取更多说明,但这里有一个成功:

// initialize popup iframe (fancybox)
$(".yourframeclass").fancybox({
'autoDimensions': false,
'padding'       : 0,
'width'         : 940,
'height'        : 400,
'autoScale'     : false,
'transitionIn'  : 'none',
'transitionOut' : 'none',
 'type'          : 'iframe'
 });

在这里,我设置了一个固定为 940px x 400px 的弹出窗口(它也可以是 % 值)...如果内容比 fancybox holder 大,它将在同一个 holder 上生成滚动条,而不是在文档本身!!!

关于jquery - 如何更改 jquery fancy box v2.1.4 中弹出框的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14871722/

上一篇:css - 显示 block 与滚动一致

下一篇:css - 防止 CSS 页脚滚动

相关文章:

javascript - 如果使用 select2 选择了特定值,则不允许选择其他选项

javascript - 如何通过 ulr load 删除 jQuery UI 对话框上的内容?

Ipad 无法在我的网络应用程序上同时播放音频和视频

javascript - 无缝循环音频 html5

与 Joomla 菜单类型关联的 CSS 样式未定位

javascript - 通过 jQuery,on() 将 jQuery 插件调用附加到动态加载的元素

javascript - 当 jQuery 更改框高度时,Bootstrap scrollspy 不起作用

javascript - 手动输入值时不考虑最大属性

css - 如何对齐输入字段和提交按钮(还有 : IE, FFox、Chrome 之间的差异)?

css - Bootstrap 中的固定宽度列和可变内容区域