Здесь ссылка на плагин:
Я пробовал все варианты в документации, а также ответы в 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";
});
});
Здесь css моего div:
#questionToEnter { display:none; width:450px; margin:auto; background:#f7d4d4; padding:10px;}
Вот как это выглядит:
Как вы можете видеть, fancybox не будет соответствовать высоте моего div. Пожалуйста, помогите мне. Ура!
Решила мою проблему!
Я понял, что мой <div>
выглядит меньше 100 пикселей в высоту.
Настройка minHeight сделала трюк:
minHeight: '60';
Ура!
Вы можете указать его с помощью атрибута height в fancybox. См. Этот пример:
<script type="text/javascript">
$(document).ready(function () {
$('.fancybox').fancybox({
type: "iframe",
padding: 0,
fitToView: false,
autoSize: false,
width: 718,
height: 503
});
});
</script>