如何使用fancybox 2.1.4指定高度

时间:2014-02-20 07:16:49

标签: javascript jquery html css fancybox-2

这是插件的链接:

Website

我尝试了文档中的所有选项以及SO中的答案,但没有一个适用于我。

我认为我的问题很简单。我只需要调整我的fancybox相对于其中<div>高度的高度。

这是我的代码:

$("#home #_prcButtons input[type='button']").each(function() {
    $('#' + this.id).click(function() {
        var getId = (this.id === '_proceed') ? 
        $.fancybox({  href: '#questionToEnter', helpers:  { overlay: { locked: false, css: { 'background' : 'rgba(58, 42, 45, 0.95)' } } }, openEffect: 'fade', closeEffect: 'fade'}) : window.location.href = "https://google.com";
    });
});

这是我的div的css:

#questionToEnter { display:none; width:450px; margin:auto; background:#f7d4d4; padding:10px;}

以下是它的外观: enter image description here     

如您所见,fancybox不会调整到我的div的高度。 请帮我。 干杯!

2 个答案:

答案 0 :(得分:2)

解决了我的问题!
我意识到我的<div>高度不到100px。

调整minHeight可以解决问题:

minHeight: '60';

干杯!

答案 1 :(得分:-1)

您可以使用fancybox中的“height”属性指定它。见这个例子:

<script type="text/javascript">
$(document).ready(function () {
    $('.fancybox').fancybox({
        type: "iframe",
        padding: 0,
        fitToView: false,
        autoSize: false,
        width: 718,
        height: 503
    });
});
</script>