Question

我的页面上有一些重新调整大小的div，但是当我调整它们时，我遇到了问题。 Jquery UI工作正常，移动它们或重新调整它们没有问题，但是当它们被重新调整大小时，它们下方的div就像它们不再存在一样，并且它跳到它们的位置。这只会在重新调整尺寸时发生，移动它们不会导致这种情况发生。以下是我的问题：http://jsfiddle.net/367wm/

JS：

$(document).ready(function() {
    $( "#header" ).draggable();
    $( "#h-window" ).draggable();
    $( "#p-window1" ).draggable();
    $( "#p-window1" ).resizable();
    $( "#p-window2" ).draggable();
    $( "#p-window2" ).resizable();
    $( "#p-window3" ).draggable();
    $( "#p-window3" ).resizable();
  });

Answer 1

您可以： http://jsfiddle.net/367wm/4/

基本上我所做的就是让你的div绝对定位。我还为你的div添加了一个滚动条，其中包含了所有文本。

所以请查看我添加到四个div中的这些样式：

style="position:absolute; top:1px;"
style="position:absolute; top:100px; overflow-y:scroll;"
style="position:absolute; top:325px;"
style="position:absolute; top:400px;"

Jquery UI调整大小问题

1 个答案: