jQuery modal window scroll bar

Question

Извините, если вы думаете, что я не показал вам код, потому что еще не реализовал.

Я пытаюсь построить плагин просмотра фотографий jQuery, но обычно, когда я нахожу несколько примеров в строке, высота модального окна - это либо высота окна, которая является высотой экрана вашего компьютера высоты документа, высота тела html.

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

Answer 1

Facebook делает что-то действительно интересное с помощью своих модалов. У них есть страница, завернутая в контейнер, и модальная добавляется в DOM как родной брат, а не ребенок из контейнера. Таким образом, они устанавливают контейнер в положение: исправлено вместо модального. Это позволяет пользователю прокручивать, как обычно, если модаль проходит мимо ограничений их размера окна.

Если вы намерены следовать той же стратегии, модальная, естественно, будет расти по мере ее содержания, поскольку ваш модальный не должен быть положением: абсолютным.

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

Если у вас есть контроль над кодом, который меняет контент в модальном режиме, я бы оценил размер содержимого и изменил размер/положение модального, чтобы компенсировать его.