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


Posted in Javascript onMarch 17, 2018

实例如下:

//每次页面渲染完之后滚动条在最底部
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的滚动条保持在最底部的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 Javascript
原生JS可拖动弹窗效果实例代码
Nov 09 Javascript
jQuery简单实现隐藏以及显示特效
Feb 26 Javascript
javascript引用类型之时间Date和数组Array
Aug 27 Javascript
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
Vue.js常用指令汇总(v-if、v-for等)
Nov 03 Javascript
AngularJS双向绑定和依赖反转实例详解
Apr 15 Javascript
Node.js 回调函数实例详解
Jul 06 Javascript
使用jQuery实现购物车结算功能
Aug 15 jQuery
JavaScript比较同一天的时间大小实例代码
Feb 09 Javascript
Vue项目中设置背景图片方法
Feb 21 Javascript
JavaScript中的执行环境和作用域链
Sep 04 Javascript
vue获取当前激活路由的方法
Mar 17 #Javascript
vue 实现复制内容到粘贴板clipboard的方法
Mar 17 #Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
Mar 17 #Javascript
vue结合Echarts实现点击高亮效果的示例
Mar 17 #Javascript
vue实现a标签点击高亮方法
Mar 17 #Javascript
Vue-路由导航菜单栏的高亮设置方法
Mar 17 #Javascript
Vue 实现双向绑定的四种方法
Mar 16 #Javascript
You might like
PHP错误Allowed memory size of 67108864 bytes exhausted的3种解决办法
2014/07/28 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
学习php设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
浅谈PHP安全防护之Web攻击
2017/01/03 PHP
你真的了解JavaScript吗?
2007/02/24 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
2013/08/29 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
移动节点的jquery代码
2014/01/13 Javascript
跟我学习javascript的prototype原型和原型链
2015/11/18 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
BootStrap Validator使用注意事项(必看篇)
2016/09/28 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
基于Nodejs的Tcp封包和解包的理解
2018/09/19 NodeJs
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
js闭包和垃圾回收机制示例详解
2021/03/01 Javascript
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
Python中使用gzip模块压缩文件的简单教程
2015/04/08 Python
Python中类型关系和继承关系实例详解
2015/05/25 Python
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
Pythony运维入门之Socket网络编程详解
2019/04/15 Python
Python3模拟curl发送post请求操作示例
2019/05/03 Python
Python 共享变量加锁、释放详解
2019/08/28 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
Python计算矩阵的和积的实例详解
2020/09/10 Python
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
蛋糕店的商业计划书范文
2014/01/27 职场文书
讲文明懂礼貌演讲稿
2014/09/11 职场文书
2014年档案管理员工作总结
2014/12/01 职场文书
家庭贫困证明
2015/06/16 职场文书
房屋所有权证明
2015/06/19 职场文书