我怎样才能让的fancybox 2调整其高度以适应其内容是什么?(How can I make fa

2019-09-01 07:59发布

我试图让我的fancybox高度扩张时,其内容比视高。 这样一来,用户滚动使用浏览器的滚动条的内容。 相反,我的fancybox不断取得自己的滚动条。

我只是用内嵌的内容,而不是一个iframe 。 这是我设置的选项:

$('.fancybox').fancybox({
    autoSize: 'false',
    fitToView: 'false',
    maxWidth: 940
});

添加scrolling: 'no'切断底部的内容。 明确界定了那座高度的作品,但我要动态地确定高度。

Answer 1:

布尔值和整数值应该不用引号所以这

$('.fancybox').fancybox({
    autoSize: 'false',
    fitToView: 'false',
    maxWidth: 940
});

应该

$('.fancybox').fancybox({
    autoSize: false, // shouldn't be true ?
    fitToView: false,
    maxWidth: 940
});

fitToView实际上是让您选择您所需要的,但所引用的"false"没能为你工作。 在另一方面,我不知道,你应该禁用autoSize因为否则inline内容不会得到自己的高度。



Answer 2:

听起来有点怪异。 一个丑陋的解决方案是使用CSS,溢出:隐藏;

每当我使用的fancybox,滚动条正常工作。 确保OC处的fancybox内容不设置另一个高度?

编辑:看您的示例站点。 好像有一些宽度beeing在比所述的fancybox本身较大的内容设定。



Answer 3:

如果有人找了一个iframe的解决方案,使用方法:

parent.jQuery.fancybox.update();


文章来源: How can I make fancyBox 2 adjust its height to fit its contents?