码库记事本

码库记事本

vue设置div滚动条至最底部

小诸哥 0

页面需要做一个固定高度的DIV,每次往这个DIV中增加内容的时候我需要将滚动条自动滚动至最底部保证每次看到的都是最新的内容。(这样增加了用户的体验度好感,就像微信的聊天窗口一样。)利用JavaScript中的scrollTop = scrollHeight这两个属性来实现,代码如下:

//设置滚动条到底部
scrollToBottom() {
this.$nextTick(() => {
var container = this.$el.querySelector(".chat_content");
container.scrollTop = container.scrollHeight;
});
},

然后调用该方法就可以设置滚动条

标签: 滚动条