Блог

Я использую jQuery UI для изменения размера div только по вертикали (перетаскивание с нижнего края. Я установил высоту div: 200 пикселей и переполнение: автоматическое.

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>
  

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

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