小编典典

在页面加载时滚动到 Div 的底部(jQuery)

all

我的页面上有一个 div:

<div id='div1' style='overflow:scroll;overflow-x:hidden;max-height:200px;'></div>

如何让 div 滚动到 div 的底部?不是页面,只是 DIV。


阅读 76

收藏
2022-05-17

共1个答案

小编典典

这里的其他解决方案实际上不适用于具有大量内容的 div——它“最大化”向下滚动到 div 的高度(而不是 div 内容
的高度)。所以它们会起作用,除非你的内容是 div 高度的两倍以上。

这是正确的版本:

$('#div1').scrollTop($('#div1')[0].scrollHeight);

或 jQuery 1.6+ 版本:

var d = $('#div1');
d.scrollTop(d.prop("scrollHeight"));

或动画:

$("#div1").animate({ scrollTop: $('#div1').prop("scrollHeight")}, 1000);
2022-05-17