Jquery - ブートストラップモーダル内で動作しないボトムまでスクロール

Question

ブートストラップモーダルを開く簡単な作業をしています&スクロールバー&でそのモーダル内にdivがあります。直接ボトムにスクロールしています。

以下は私のコードです： -

<div id="ul_chats" style="height: 300px; overflow: auto;"> 
.... 
</div> 

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; 

私のモーダルが開きますが、div要素を下にスクロールされていません。コンソールから最後の2行を実行すると、divは下に移動します。

Answer 1

それはあなたがスクロールを置く場所、成功事例の内側に配置しようと動作しない場合は、この

$("#ul_chats").animate({ scrollTop: $("#ul_chats").height() }, "slow"); 

のようなコードを試してみてください。それが働いたの

success : function(dataHtml) {       
       jq(".partialChats").html(dataHtml); 
       jq("#chatModal").modal('toggle'); 
       $("#ul_chats").animate({ scrollTop: $("#ul_chats").height() }, "slow");   
      }