- 在使用overflow-y:scroll 的元素上,给定高度
- 使用ref属性,便于在方法中获取到该元素,获取方法是this.$refs.(ref值)
this.messagesContainerTimer = setTimeout(()=>{ this.$refs.messagesContainer.scrollTop = this.$refs.messagesContainer.scrollHeight; console.log("当前滚动条位置:"+this.$refs.messagesContainer.scrollTop); console.log("当前可滚动区域容器的高度:"+this.$refs.messagesContainer.scrollHeight); // 清理定时器 clearTimeout(this.messagesContainerTimer); },0);
最终会有一个bug:总是显示倒数第二条数据。但把代码放到查询数据成功之后的地方,就不会就bug,只要查询数据成功,滚动条永远都是在最底部
vue 项目中控制滚动条滑动到底部
最新推荐文章于 2024-08-09 11:20:59 发布