选项卡处于非活动状态时滚动到div的底部

Question

我有一个div，定期添加项目。我正在使用

滚动到div的底部

var objDiv = document.getElementById("infoWindow");
objDiv.scrollTop = objDiv.scrollHeight;

但这仅在选项卡处于活动状态时有效。我该怎么做才能在用户浏览另一个标签时自动滚动？

Answer 1

我有同样的问题，我花了很长时间才找到这个解决方法，但是我使用Bootstrap并且shown.bs.tab-event似乎是一个仅在Bootstrap中使用的特定事件......但也许它为您提供了正确方向的提示，您将在js中找到类似的解决方案/事件：

就像Gonzalo上面说的那样，在标签设置为活动状态后滚动到底部应该足够了。 因此，当我激活tab2时，shown.bs.tab-event会触发并将div'消息'向下滚动到底部。

$('a[href="#tab2"]').on('shown.bs.tab', function (e) {
    var elem = document.getElementById('messages');
    elem.scrollTop = elem.scrollHeight;
});