javascript - jQuery 用户界面 : Increase the padding on resizeable()

Question

我想知道是否可以在调整大小时增加和减少填充而不是增加和减少高度。

$( function() {
    $( "#resizable" ).resizable({
        handles: 'n,s'
    });
 });

Fiddle example

更新:

我实际上想知道，如果我调整 div 的大小，我想在调整大小时动态增加填充而不是高度 Updated Fiddle

尝试从南北位置调整 div 的大小

Answer 1

添加了一个包含一些计算更改的 fiddle 。

$( function() {
  $( "#resizable" ).resizable({
    resize: function( event, ui ) {
      var originalHeight = ui.originalSize.height;
      var newHeight = ui.size.height;
      var pad = 5;
      if (originalHeight < newHeight) {
        pad = newHeight - originalHeight;
      }
      $(this).css('padding', pad);
    }
  });
});

https://jsfiddle.net/aavrug/6rh7emog/1/