vue 每次渲染完页面后div的滚动条保持在最底部的方法

实例如下：

//每次页面渲染完之后滚动条在最底部
updated:function(){
this.$nextTick(function(){
var div = document.getElementById('dialogue_box');
div.scrollTop = div.scrollHeight;
})
}

//第一次页面渲染完之后滚动条在最底部
methods:function(){
this.$nextTick(function(){
var div = document.getElementById('dialogue_box');
div.scrollTop = div.scrollHeight;
})
}

以上这篇vue 每次渲染完页面后div的滚动条保持在最底部的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• Vue引入jquery实现平滑滚动到指定位置
• Vue下滚动到页面底部无限加载数据的示例代码
• vue2.0路由切换后页面滚动位置不变BUG的解决方法
• vue页面切换到滚动页面显示顶部的实例
• vue中实现移动端的scroll滚动方法
• vue.js-div滚动条隐藏但有滚动效果的实现方法
• vue实现图片滚动的示例代码(类似走马灯效果)
• Vue的el-scrollbar实现自定义滚动