JQuery UI的.resizable
函数不支持position: fixed;
元素。一旦您尝试调整它们的大小,它会将它们的位置属性切换到absolute。有什么推荐的解决方法吗?
我有一些聊天窗口,可以在文档中拖动。它们的位置是固定的,这样它们就不会随着后面的页面滚动。它们都完美地工作,直到您尝试调整某个窗口的大小,那时它会转换为position: absolute;
,并被留在页面滚动后面。
我尝试处理调整大小停止事件并将位置更改为fixed:
stop: function (event, ui)
{
$(chatWindow).css('position', 'fixed');
}
这不起作用是因为固定元素的定位(top:
和left:
)不正确,当你停止调整大小时,元素会切换到固定定位并跳到页面上奇怪的位置。有时会跳出页面边界并永久丢失。
有什么建议吗?