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 相关文章推荐
Pro JavaScript Techniques学习笔记
Dec 28 Javascript
为原生js Array增加each方法
Apr 07 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
Sep 25 Javascript
javascript背景时钟实现方法
Jun 18 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
May 28 Javascript
Vue中如何实现轮播图的示例代码
Jul 27 Javascript
vue2.0移除或更改的一些东西(移除index key)
Aug 28 Javascript
webpack将js打包后的map文件详解
Feb 22 Javascript
json数据传到前台并解析展示成列表的方法
Aug 06 Javascript
微信小程序日历效果
Dec 29 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
May 28 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
dede3.1分页文字采集过滤规则详说(图文教程)续二
2007/04/03 PHP
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
PHP采用curl模仿用户登陆新浪微博发微博的方法
2014/11/07 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
PHP数学运算函数大汇总(经典值得收藏)
2016/04/01 PHP
thinkPHP模板中for循环与switch语句用法示例
2016/11/30 PHP
PHP封装cURL工具类与应用示例
2019/07/01 PHP
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
2013/04/01 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
2013/08/13 Javascript
JS仿百度搜索自动提示框匹配查询功能
2013/11/21 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
2015/04/30 Javascript
javascript中new关键字详解
2015/12/14 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
2017/05/22 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
2017/08/17 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
微信小程序实现吸顶特效
2020/01/08 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
2020/02/11 Javascript
vue+element实现图片上传及裁剪功能
2020/06/29 Javascript
vue-router懒加载的3种方式汇总
2021/02/28 Vue.js
python访问纯真IP数据库的代码
2011/05/19 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
Python3分析处理声音数据的例子
2019/08/27 Python
python的等深分箱实例
2019/11/22 Python
美体小铺波兰官方网站:The Body Shop波兰
2019/09/03 全球购物
餐厅总厨求职信
2014/03/04 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
2015年元旦演讲稿
2014/09/12 职场文书
住房抵押登记委托书
2014/09/27 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle
python基于tkinter制作下班倒计时工具
2021/04/28 Python
关于python类SortedList详解
2021/09/04 Python