jQuery ui ReSizable z pasków przewijania

Question

Próbuję zmienić rozmiar div, ale uchwyt resizer jest zawsze zawarte w div można go tam, gdzie kończy się paski przewijania.

/////////// Edit ///////////

udało mi się osiągnąć to JScrollPane ale po użyciu jScroll jestem w stanie zmień rozmiar w poziomie.
demo http://i53.tinypic.com/906rk9.png

Answer 1

To powinno działać, jeśli umieścić owijkę wokół elementu być zmieniany, i zrobić to wrapper zmiennym rozmiarze.

Grałem około z tego pomysłu i wynik ten wydaje się działać:

<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

Answer 2

jQuery UI zespół concider przewijalną zmienny rozmiar div jako zły projekt. Tak to jest „nie będzie naprawić cecha:. http://bugs.jqueryui.com/ticket/9119 Obejście jak Dr.Molle już wspomniano - skalowalny wrapper dla przewijanej div

Answer 3

Sprawdź opcja http://api.jqueryui.com/resizable/#option-alsoResize

Działa to dla mnie

$(".responsive-table th").resizable({ 
       handles: "e", 
       containment: 'document', 
       alsoResize: ".responsive-table table" 
      });