这是插件的链接:
我尝试了文档中的所有选项以及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;}
以下是它的外观:
如您所见,fancybox不会调整到我的div的高度。 请帮我。 干杯!
答案 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>