javascript - 带有滚动条的jQuery ui ReSizable

我正在尝试在div上调整大小，但是调整大小控件始终包含在div中，我可以在滚动条结束的地方使用它。

///////////////////////

我已经用jScrollPane实现了它，但是在使用jScroll之后，我无法水平调整大小。
demo http://i53.tinypic.com/906rk9.png

最佳答案

如果将包装器放置在要调整大小的元素周围，并使该包装器可调整大小，则它应该起作用。

我当时正在考虑这个想法，这个结果似乎可行:

<script>
$(document).ready(function() {
$(".resizable")
  .wrap('<div/>')
    .css({'overflow':'hidden'})
      .parent()
        .css({'display':'inline-block',
              'overflow':'hidden',
              'height':function(){return $('.resizable',this).height();},
              'width':  function(){return $('.resizable',this).width();},
              'paddingBottom':'12px',
              'paddingRight':'12px'

             }).resizable()
                .find('.resizable')
                  .css({overflow:'auto',
                        width:'100%',
                        height:'100%'});
});
</script>

Test with jsfiddle

关于javascript - 带有滚动条的jQuery ui ReSizable，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3858460/