Пользовательский интерфейс JQuery с изменяемым размером

Я использую пользовательский интерфейс JQuery для изменения размера div только по вертикали (перетаскивая от нижнего края. Я устанавливаю div height:200px и overflow:auto.

JQuery выглядит так:

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

Функция изменения размера отлично работает, когда div пуст или имеет содержимое, но не переполняется. однако, если есть переполнение, ручка перетаскивания перемещается вверх (снизу), когда я перемещаю полосу прокрутки вниз. Он не остается на нижнем краю, что сводит меня с ума, потому что делает его непригодным для использования.

Я не могу понять, как это исправить. Может ли кто-нибудь помочь?

Благодарю вас!

HTML:

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

jquery-ui-resizable
person usnidorg    schedule 29.04.2011    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы пытались поместить содержимое в другой div, который составляет (например) 90% div с изменяемым размером?

Методы jQuery изменяют HTML, они не волшебные. Посмотрите на новый HTML в Firebug и найдите способы обойти его.

person Afiefh    schedule 29.04.2011
comment
Это странно, это всегда работало для меня. Не могли бы вы загрузить быстрый пример? - person Afiefh; 30.04.2011