我试图让我的fancyBox扩展在高度时,它的内容比视窗高。这样,用户就可以使用浏览器的滚动条滚动其内容。相反,我的fancyBox一直有自己的滚动条。
我只是使用内联内容,而不是iframe
。这些是我设置的选项:
$('.fancybox').fancybox({
autoSize: 'false',
fitToView: 'false',
maxWidth: 940
});
添加scrolling: 'no'
切断底部的内容。显式地定义一个非常高的高度可以工作,但我希望高度是动态确定的。
布尔值和整数值应该在中不带引号,所以
$('.fancybox').fancybox({
autoSize: 'false',
fitToView: 'false',
maxWidth: 940
});
应该$('.fancybox').fancybox({
autoSize: false, // shouldn't be true ?
fitToView: false,
maxWidth: 940
});
fitToView
实际上是为您提供所需的选项,但引用的"false"
并没有使其为您工作。另一方面,我不确定你应该禁用autoSize
,因为否则inline
内容不会得到自己的高度。
听起来有点奇怪。一个丑陋的解决方案是使用css, overflow:hidden;
每当我使用fancybox时,滚动条都能正常工作。确定花式框的内容没有设置另一个高度?
编辑:查看您的示例站点。内容中设置的宽度似乎大于fancybox本身
如果有人寻找iframe的解决方案,请使用:
parent.jQuery.fancybox.update();