jQuery ui ReSizable带滚动条

Question

我试图在div上有一个resizable,但resizer句柄总是包含在div中我可以在滚动条结束的地方.

///////////编辑///////////

我用jScrollPane实现了它,但在使用jScroll后我无法横向调整大小.
演示http://i53.tinypic.com/906rk9.png

Answer 1

它应该工作,如果你在要调整大小的元素周围放置一个包装器,并使这个包装器可调整大小.

我正在玩这个想法,这个结果似乎有效:

<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>

用jsfiddle测试