滚动到标签页处于非活动状态时div的底部

我有一个将项目定期添加到其中的div。我滚动到div的底部使用滚动到标签页处于非活动状态时div的底部

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

但是，这只适用于该选项卡处于活动状态。我怎样才能做到这一点，所以当用户浏览另一个选项卡时它会自动滚动？

来源

2017-03-06 user3713442

如果用户没有看到，滚动的点是什么？当用户将该选项卡重新设置为活动状态时，完全走到底部会更好吗？ –

因为当用户再次返回到选项卡时，用户可能会错过信息。 – user3713442

我有同样的问题，并花了相当多的时间来找到这种解决方法，但我使用Bootstrap和shown.bs.tab事件似乎是只在Bootstrap中使用的特定事件...但也许它给了你一个正确的方向提示，你会发现在js类似的解决方案/事件：

像冈萨洛上面说，它应该足以滚动到底部后，该选项卡设置为活动。因此，当我激活tab2时，shown.bs.tab-event会触发并将我的div'消息'滚动到底部。

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

来源

2017-03-08 21:56:10

滚动到标签页处于非活动状态时div的底部

回答

相关问题