title: Jquery - Scroll to bottom not working within bootstrap modal
body: <p>I am doing a simple task of opening a bootstrap modal &amp; there is a div within that modal with scrollbar &amp; i am scrolling directly to the bottom.</p>
  
  <p>Below is my code :-</p>
  
  <pre><code>&lt;div id="ul_chats" style="height: 300px; overflow: auto;"&gt;
  ....
  &lt;/div&gt;
  
  jq.ajax({
                  url : "/Controller/GetComments",
                  type : "get",
                  dataType: "html",
                  async: false,
                  success : function(dataHtml) {                        
                      jq(".partialChats").html(dataHtml);
                      jq("#chatModal").modal('toggle');                             
                  }                
              });
  
              var objDiv = document.getElementById("ul_chats");
              objDiv.scrollTop = objDiv.scrollHeight;
  </code></pre>
  
  <p>My Modal opens up but the div is not scrolled to the bottom. If i execute last 2 lines from the console then the div gets to the bottom.</p>