我正在做一个简单的任务,打开一个 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 会到达底部。
最佳答案
试试这样的代码
$("#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");
}
关于javascript - Jquery - 滚动到底部在 Bootstrap 模式中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44904033/