Как мне установить fancybox minHeight и maxHeight? - PullRequest
Новая
       31

Как мне установить fancybox minHeight и maxHeight?

0 голосов
/ 28 мая 2018

fancybox версия: 2.1.0

описание: я не хочу обновляться до версии 3, потому что это повлияет на другие.

Так как значения minHeight и maxHeight могут быть эффективными в текущей версии?

Я попробовал следующий метод, но он не сработал. 

//source code

$.fancybox.open({
            href: '#advancedSearchWrapper',
            maxHeight: 500,
            minHeight: 300,
            fitToView: true,
            autoSize: true,
            modal: true,
            autoScale: true,
)}

1 Ответ

0 голосов
/ 29 мая 2018

Чтобы параметры minHeight и maxHeight были эффективными, вам нужно установить для параметра autoSize значение false.

.

$.fancybox.open({
  href: '#divContent',
  maxHeight: 150,
  minHeight: 100,
  fitToView: true,
  autoSize: false,
  modal: true,
  autoScale: true,
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fancybox@2.1.7/dist/css/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/fancybox@2.1.7/dist/js/jquery.fancybox.pack.js"></script>

<div id="divContent">
  Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content
  Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content...
</div>
...