jquery-ui-resizable - JQuery UI 可调整大小

Question

我正在使用 JQuery UI 仅垂直调整 div 的大小（从底部边缘拖动。我设置了 div height:200px和overflow:auto。

JQuery 看起来像这样：

$("#resizable").resizable({handles: 's',ghost: false,animate: false,});
$("#resizable" ).resizable({ maxHeight: 300 });

当 div 为空或有内容但没有溢出时，re-size 功能非常有用。但是，如果有溢出，当我向下移动滚动条时，拖动手柄会向上移动（从底部）。它不会停留在让我发疯的底部边缘，因为它使它无法使用。

我不知道如何解决这个问题。有人可以帮忙吗？

谢谢！

HTML：

<div id="resizable" class="divTop">
  <div class="dataView">
    <?php require_once(ROOT_PATH.'user/controls/data/get_data.php'); ?>
  </div>
</div>

score 0 · Accepted Answer

您是否尝试将内容放在另一个 div 中，该 div 是（例如）可调整大小的 div 的 90%？

jQuery 方法修改 HTML，它们并不神奇。查看 Firebug 中的新 HTML 并找到解决方法。

1 回答 1