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

Question

Я использую Сладкий плагин Эрика Мартина 'simplemodal' jQuery . Он прекрасно работает и рекомендовал бы его всем, кто ищет легкое модальное диалоговое решение на основе jQuery.

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

У кого-нибудь есть мысли о том, как сделать это изящно?

Answer 1

Вот что я делаю:

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

Answer 2

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

, как показано ниже

$ ("# somebutton"). Click (function () {

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

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

Answer 3

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

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

Answer 4

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

Answer 5

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