jQuery ui स्क्रॉल बार

Question

के साथ पुन: प्रयोज्य मैं एक div पर एक आकार बदलने की कोशिश कर रहा हूं, लेकिन resizer हैंडल हमेशा div के भीतर निहित है, जहां मेरे पास स्क्रॉलबार समाप्त हो सकता है।

/////////// संपादित ///////////

मैं jScrollPane साथ लेकिन jScroll उपयोग करने के बाद यह हासिल किया मैं करने में असमर्थ हूँ क्षैतिज आकार बदलें।
demo 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> 

Test with jsfiddle

Answer 2

jQuery यूआई टीम पर विचार स्क्रॉल पुनः आकार देने योग्य div:

मुझे लगता है कि विचार के साथ चारों ओर खेल रहा था और इस परिणाम से काम करने लगता है। तो यह "सुविधा है ठीक नहीं होगा:। http://bugs.jqueryui.com/ticket/9119 Dr.Molle रूप वर्कअराउंड पहले ही कहा गया - स्क्रॉल div के लिए आकार बदलने योग्य आवरण

Answer 3

चेक विकल्प http://api.jqueryui.com/resizable/#option-alsoResize

यह काम करता है मुझे

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