vue 聊天页面实现滚动条实时滚动至最底部
2017-06-21 14:53
731 查看
1、有聊天记录显示再页面会引起dom数变化,此时使用 nextTick()
2、获取新插入进来的dom
var container = this.$el.querySelector("#chatContainer>li:last-child");
3、滚动到该位置
container.scrollIntoView();
2、获取新插入进来的dom
var container = this.$el.querySelector("#chatContainer>li:last-child");
3、滚动到该位置
container.scrollIntoView();
相关文章推荐
- javscript实现滚动条滚动到页面底部自动加载增加页面内容
- vue实现动态添加数据滚动条自动滚动到底部的示例代码
- js实现滚动条滚动到页面底部继续加载
- js实现滚动条滚动到页面底部继续加载
- js实现滚动条滚动到页面底部继续加载
- vue实现动态添加数据滚动条自动滚动到底部
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- JS实现判断滚动条滚到页面底部并执行事件的方法
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- Android 高仿新浪微博底部导航栏,实现双击首页Tab,页面的ListView滚动、刷新
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- JS实现判断滚动条滚到页面底部并执行事件的方法
- 当滚动条滚动到页面底部自动加载增加内容的js代码
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- 滑轮滚动到页面底部ajax加载数据配合json实现
- j2me实现动态绘制滚动条,页面滚动…
- jquery模仿微博向下滚动到页面底部时实时加载新内容
- 纯css 实现footer 一直在页面底部,不随页面滚动
- 2011-01-16 21:13 JQuery实现页面随滚动条滚动而动态加载内容的效果
- jquery模仿微博向下滚动到页面底部时实时加载新内容代码