Автоматическое изменение высоты окна в fancybox

Наткнулся на ошибку автоматического изменения высоты всплывающего окна 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 из 5 (всего 0 оценок)

captcha
Отмеченные звёздочкой поля ( * ) являются обязательными для заполнения.

Спасибо за ваш отзыв!

После нажатия кнопки "Отправить" ваше сообщение будет доставлено мне на почту.

Автор статьи

Артём Мальцев

Веб-разработчик, владеющий знаниями языка программирования Python, фреймворка Django, системы управления содержимым сайта Django CMS, платформы для создания интернет-магазина Django Shop и многих различных приложений, использующих эти технологии.

Права на использование материала, расположенного на этой странице https://vivazzi.pro/ru/it/auto-modal-resizing-fancybox/:

Разрешается копировать материал с указанием её автора и ссылки на оригинал без использования параметра rel="nofollow" в теге <a>. Использование:

Автор статьи: Артём Мальцев
Ссылка на статью: <a href="https://vivazzi.pro/ru/it/auto-modal-resizing-fancybox/">https://vivazzi.pro/ru/it/auto-modal-resizing-fancybox/</a>

Больше: Правила использования сайта

Для тех, кто продаёт через свой профиль в соц. сетях: моя сестра, Анастасия Мальцева запустила свой курс: «Комфортные продажи через контент»

Все знания построены на собственном опыте и имеют хороший результат, поэтому если вы продаёте товары или услуги и хотите повысить эффективность вашего аккаунта или сайта, то курс будет для вас полезен!

Представляю вашему вниманию книгу, написанную моим близким другом Максимом Макуриным: Секреты эффективного управления ассортиментом.

Книга предназначается для широкого круга читателей и, по мнению автора, будет полезна специалистам отдела закупок и логистики, категорийным и финансовым менеджерам, менеджерам по продажам, аналитикам, руководителям и директорам, в компетенции которых принятие решений по управлению ассортиментом.

Комментарии: 0

Вы можете оставить комментарий как незарегистрированный пользователь.

Но зарегистрировавшись, вы сможете:

  • получать оповещения об ответах
  • просматривать свои комментарии
  • иметь возможность использовать все функции разработанных сервисов

Для комментирования от своего имени войдите или зарегистрируйтесь на сайте Vuspace

Отправить

На данный момент нет специального поиска, поэтому я предлагаю воспользоваться обычной поисковой системой, например, Google, добавив "vivazzi" после своего запроса.

Попробуйте

Выберите валюту для отображения денежных единиц