Функция JQuery UI .resizable
не поддерживает элементы position: fixed;
. Когда вы попытаетесь изменить их размер, он переключит свой атрибут позиции на абсолютный. Любые рекомендуемые исправления?
У меня есть окна чата, которые появляются и перетаскиваются вокруг документа. Они фиксированы так, что они не прокручиваются со страницей за ними. Все они отлично работают, пока вы не попытаетесь изменить размер окна, когда он перейдет на position: absolute;
, а затем останется после того, как прокрутка страницы.
Я попытался обработать событие остановки изменения размера и изменить положение на фиксированное:
stop: function (event, ui)
{
$(chatWindow).css('position', 'fixed');
}
Это не работает, потому что позиционирование (top:
и left:
) неверно для фиксированного элемента, и когда вы останавливаете изменение размера, элемент переключается на фиксированное позиционирование и переходит к странным местам на странице. Иногда выпрыгивает из страниц и теряется навсегда.
Любые предложения?