Jquery संवाद ऊंचाई और लंबवत स्क्रॉलबार

Question

मैं एक jquery संवाद को पॉप्युलेट करने के लिए AJAX के माध्यम से डेटा लौटा रहा हूं। AJAX मूल रूप से पंक्तियों की एक परिवर्तनीय राशि के साथ एक HTML तालिका है।

मैं संवाद को एक निश्चित लंबवत आकार (350 पीएक्स) तक पंक्तियों को दिखाने के लिए विस्तार करना चाहता हूं, जिस बिंदु पर इसे लंबवत स्क्रॉलबार दिखाना चाहिए।

तो, यह ठीक काम करता प्रतीत होता है - संवाद पंक्तियों की संख्या के आधार पर सही ढंग से आकार बदलता है। लेकिन, मुझे ऊर्ध्वाधर स्क्रॉलबार कभी नहीं मिलता है - इसलिए यदि मेरे पास 20 पंक्तियां हैं, तो मुझे केवल अंतिम 9 को देखने के लिए मिलता है।

यदि ऊंचाई 350px से अधिक हो तो मैं ऊर्ध्वाधर स्क्रॉलबार को कैसे बल दूं?

$.ajax({ 
    type: 'POST', 
    url: 'myurl', 
    data: postdata, 
    dataType: 'json', 
    success: function (result) { 
     if (result.success && result.data) { 
      var $dialog = $('<div></div>').html(result.data).dialog({ 
       autoOpen: false, 
       title: 'History', 
       modal: true, 
       height: Math.min((result.rows * 25) + 150, 350), 
       width: 800 
      }); 
      $dialog.dialog('open'); 

     } 
     event.preventDefault(); 
    } 
}); 

Answer 1

आपको सामग्री div के लिए सीएसएस संपत्ति overflow:auto जोड़ना चाहिए।

$("<div></div>").css({height:"350px", overflow:"auto"}); 

आप केवल लंबवत स्क्रॉल overflow-y:auto और overflow-x:hidden

Answer 2

उपयोग सीएसएस अधिकतम-ऊंचाई की जरूरत है: 350px; और अतिप्रवाह: ऑटो; .. ठीक होना चाहिए

Answer 3

मैं एक निश्चित पीएक्स ऊंचाई नहीं देना चाहता था इसलिए मुझे मॉडल को निम्नलिखित सीएसएस नियम देने का समाधान मिला।

.modal { 
    display: inline-block !important; 
    max-height: 90%; 
    overflow: auto;/* Or scroll, depending on your needs*/} 

मुझे आशा है कि यह आपके लिए काम करेगा।