滚动到div底部?

我正在使用Ajax请求创建聊天，我试图让消息div滚动到底部没有太多运气。

我将所有内容都包装在这个div中:

#scroll {
    height:400px;
    overflow:scroll;
}

是否有一种方法来保持它滚动到底部默认使用JS?

有办法保持它滚动到ajax请求后的底部吗?

当前回答

使用jQuery动画:

$('#DebugContainer').stop().animate({
  scrollTop: $('#DebugContainer')[0].scrollHeight
}, 800);

2012-09-12 15:00:45

其他回答

在我的Angular 6应用中，我这样做了:

postMessage() {
  // post functions here
  let history = document.getElementById('history')
  let interval    
  interval = setInterval(function() {
    history.scrollTop = history.scrollHeight
    clearInterval(interval)
  }, 1)
}

clearInterval(interval)函数将停止计时器以允许手动上下滚动。

2020-02-17 00:21:16

滚动到div内的最后一个元素:

myDiv.scrollTop = myDiv.lastChild.offsetTop

2019-02-03 08:50:22

平滑滚动Javascript:

. getelementbyid(“信息”)。scrollIntoView({behavior: 'smooth'， block: 'end'});

2019-04-29 11:57:57

更新的方法，适用于所有当前浏览器:

this.scrollIntoView(false);

2014-10-10 07:08:29

将到可滚动元素顶部的距离设置为元素的总高度。

const element = this.shadowRoot.getElementById('my-scrollable-div')
element.scrollTop = element.scrollHeight

2020-02-06 22:37:36

滚动到div底部?

推荐文章

最新文章

标签