JQuery UI resizable не поддерживает position: fixed; Какие-нибудь рекомендации?

Функция JQuery UI .resizable не поддерживает элементы position: fixed; . В тот момент, когда вы пытаетесь изменить их размер, он переключает их атрибут положения на абсолютное. Какие-нибудь рекомендуемые исправления?

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

Я попытался обработать событие остановки изменения размера и изменить положение на фиксированное:

    stop: function (event, ui)
    {
        $(chatWindow).css('position', 'fixed');
    }

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

Есть предложения?

12
задан Chev 27 January 2011 в 18:37
поделиться