Question

我正在做一个简单的任务，打开一个bootstrap模态＆amp;在该模态中有一个div，带有滚动条和＆amp;我正在直接滚动到底部。

以下是我的代码： -

<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;

My Modal打开但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");         
            }

Jquery - 滚动到底部不能在bootstrap模式下工作

1 个答案: