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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
jquery的相对父元素和相对文档定位示例代码
Aug 02 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
Aug 07 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
Jan 13 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
JavaScript对象学习小结
Sep 02 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
基于JavaScript实现前端文件的断点续传
Oct 17 Javascript
Validform验证时可以为空否则按照指定格式验证
Oct 20 Javascript
Vue2.0+ElementUI实现表格翻页的实例
Oct 23 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 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 include的妙用,实现路径加密
2008/07/29 PHP
php中使用websocket详解
2016/09/23 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
Javascript验证上传图片大小[前台处理]
2014/07/18 Javascript
浅谈jquery回调函数callback的使用
2015/01/30 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
2015/02/17 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
2015/10/25 Javascript
基于jquery实现无限级树形菜单
2016/03/22 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
js removeChild 方法深入理解
2016/08/16 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
2019/04/11 Javascript
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
[48:35]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 TNC vs Optic
2018/04/03 DOTA
按日期打印Python的Tornado框架中的日志的方法
2015/05/02 Python
python如何为创建大量实例节省内存
2018/03/20 Python
基于python实现的百度音乐下载器python pyqt改进版(附代码)
2019/08/05 Python
Python实现图像去噪方式(中值去噪和均值去噪)
2019/12/18 Python
Python 将 QQ 好友头像生成祝福语的实现代码
2020/05/03 Python
pandas数据处理之绘图的实现
2020/06/15 Python
python 实现学生信息管理系统的示例
2020/11/28 Python
Schecker荷兰:狗狗用品和配件
2019/06/06 全球购物
策划助理岗位职责
2013/11/18 职场文书
毕业生求职找工作的自我评价范文
2013/11/27 职场文书
会计电算化专业自荐信
2014/03/15 职场文书
大学毕业生求职自荐书
2014/06/05 职场文书
教师批评与自我批评总结
2014/10/16 职场文书
仓库统计员岗位职责
2015/04/14 职场文书
劳动保障事务所个人工作总结
2015/08/12 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
毕业生就业推荐表自我鉴定
2019/06/20 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers
关于Spring配置文件加载方式变化引发的异常详解
2022/01/18 Java/Android