jquery.simplemodal-1.3.3.js: абсолютное позиционирование (по сравнению с фиксированным)

Question

Я использую Eric Martin's sweet 'simplemodal' jQuery plugin. Он отлично работает и рекомендовал бы его всем, кто ищет легкое решение для модального диалога на основе jQuery.

Это говорит о том, что у меня есть особенно длинный контент, который «нужно» отображать как модальный. По умолчанию элемент контейнера использует «overflow: auto» для обработки содержимого, которое слишком велико для размещения в окне браузера. Это хорошо работает в большинстве случаев, но в этом случае я хотел бы, чтобы диалог оставался на всю высоту и прокручивался с остальной частью страницы (позиционировался «абсолютный» и «фиксированный»). Я могу получить эту работу довольно легко модифицировать любую позиции: «фиксированной» ссылки на источнике в положения: «абсолютной» но это отстой, как это означает, что ВСЕ мои модальности покажут этот путь ...

Любой есть ли какие-либо мысли о том, как сделать эту работу изящно?

Answer 1

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

Answer 2

попробуйте добавить позицию: абсолютная к фактическому модального вызова для этого конкретного сНу области

как ниже

$ ("# somebutton") нажмите (функция() {

$('#my-modal-content').modal({ 
     position:absolute 
    }); 
}); 

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

Answer 3

Просто запустите прокрутку в диалоге сам журнал.

Answer 4

Вам нужно будет значительно изменить код, особенно код, связанный с IE (главным образом IE6).

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

Answer 5

Это то, что я делаю:

jQuery('#MyModal').modal({ 
    //options 
}); 
jQuery('#MyModal').parents('.simplemodal-container').css('position', 'absolute');