一尘不染

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

html

我的页面上有一个div:

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

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


阅读 388

收藏
2020-05-10

共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);
2020-05-10