javascript - Jquery - 滚动到底部在 Bootstrap 模式中不起作用

Question

我正在做一个简单的任务，打开一个 Bootstrap 模式，并且在该模式中有一个带滚动条的 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 没有滚动到底部。如果我从控制台执行最后两行，则 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");         
            }