向上拖动时如何在可调整大小的框下修复此移动框

Question

我正在移动设备上调整大小。 问题在于，拖动该框的顶部边缘时，此框下的此文本保持移动。 我不知道在哪里解决？

救救我！请。

$('#resize').resizable({
    helper: "ui-resizable-helper",
    handles:'n'
});

在jsfiddle上检查此问题。

https://jsfiddle.net/blossom/yt6o34d5/22/

Answer 1

从北方调整大小（"n"时，将调整height和top样式。如果要从顶部缩小，则要删除top样式。可以通过将.css()设置回0或将其删除（""值）来实现。

示例：https://jsfiddle.net/Twisty/2ov0fbr7/

JavaScript

$(function() {
  $('#resize').resizable({
    helper: "ui-resizable-helper",
    grid: [10, 10],
    handles: 'n',
    stop: function(e, ui) {
      ui.element.css("top", "");
    }
  });
});

希望有帮助。