Element-ui滚动条el-scrollbar始终保持在底部

本文主要是介绍Element-ui滚动条el-scrollbar始终保持在底部，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

el-scrollbar是elementui隐藏的一个组件使用方法如下：

<el-scrollbar style="height: calc(100vh - 200px);" ref="myScrollbar"><p v-for="(message, index) in messages" :key="index"><span class="nick"> {{message.nick}} </span>:<br/>{{message.text}}</p></el-scrollbar>

this.$nextTick(() => {this.$refs['myScrollbar'].wrap.scrollTop = this.$refs['myScrollbar'].wrap.scrollHeight})

// 必要的
//隐藏底部滚动条
/deep/ .el-scrollbar__wrap {overflow: scroll;height: 100% !important;overflow-x: hidden !important;
}

 

这篇关于Element-ui滚动条el-scrollbar始终保持在底部的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---