Автоматическое изменение высоты окна в fancybox
4 июля 2017 г. 8:19
Наткнулся на ошибку автоматического изменения высоты всплывающего окна fancybox. Модальное окно должно автоматически изменять размер при динамическом добавлении, удалении или изменении размеров элементов внутри окна, но, как оказалось, оно перестаёт автоматически меняться если задана опция минимальной ширины minWidth. Так, например, следующая конфигурация будет ломать авто изменение высоты:
<a class="btn show_modal" href='#modal_content'>Открыть модальное окно</a> <div id="modal_content"> <p>Содержимое модального окна</p> </div> $('.show_modal').fancybox({ minWidth: 500, # из-за этого параметра minWidth ломается автоматическое измение высоты модального окна maxWidth: 900, maxHeight: 600 });
Для решения подобного "эффекта" нужно убрать этот параметр:
$('.show_modal').fancybox({ maxWidth: 900, maxHeight: 600 });
И настроить css-стили, например, так:
#modal_content { min-width: 500px;display: none; }
Похожие статьи:
Представляю вашему вниманию книгу, написанную моим близким другом Максимом Макуриным: Секреты эффективного управления ассортиментом.
Книга предназначается для широкого круга читателей и, по мнению автора, будет полезна специалистам отдела закупок и логистики, категорийным и финансовым менеджерам, менеджерам по продажам, аналитикам, руководителям и директорам, в компетенции которых принятие решений по управлению ассортиментом.
Комментарии: 0