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实现tabs选项卡切换效果(扩展版)
Mar 19 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
checkbox批量选中,获取选中项的值的简单实例
Jun 28 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
微信小程序 石头剪刀布实例代码
Jan 04 Javascript
React Native之TextInput组件解析示例
Aug 22 Javascript
微信小程序之判断页面滚动方向的示例代码
Aug 30 Javascript
uin-app+mockjs实现本地数据模拟
Aug 26 Javascript
echarts浮动显示单位的实现方法示例
Dec 04 Javascript
vue实现图书管理系统
Dec 29 Vue.js
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
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
PHPMailer使用教程(PHPMailer发送邮件实例分析)
2012/12/06 PHP
yii实现创建验证码实例解析
2014/07/31 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
基于php编程规范(详解)
2017/08/17 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
PHP 计算两个时间段之间交集的天数示例
2019/10/24 PHP
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2007/02/22 Javascript
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
2009/07/19 Javascript
基于jquery的下拉框改变动态添加和删除表格实现代码
2020/09/12 Javascript
JavaScript对象和字串之间的转换实例探讨
2013/04/21 Javascript
jfinal与bootstrap的登录跳转实战演习
2015/09/22 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
2015/12/29 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
vue2.0 axios跨域并渲染的问题解决方法
2018/03/08 Javascript
webpack源码之loader机制详解
2018/04/06 Javascript
javascript、php关键字搜索函数的使用方法
2018/05/29 Javascript
Vue隐藏显示、只读实例代码
2018/07/18 Javascript
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
JS温故而知新之变量提升和时间死区
2019/01/27 Javascript
vue使用i18n实现国际化的方法详解
2019/09/05 Javascript
解决VUE双向绑定失效的问题
2019/10/29 Javascript
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
ES6中的类(Class)示例详解
2020/12/09 Javascript
Python异常处理总结
2014/08/15 Python
使用相同的Apache实例来运行Django和Media文件
2015/07/22 Python
完美解决python中ndarray 默认用科学计数法显示的问题
2018/07/14 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
建筑工程技术应届生求职信
2013/11/17 职场文书
产品销售员岗位职责
2013/12/18 职场文书
函授自我鉴定范文
2014/02/06 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
2019年度行政文员工作计划范本!
2019/07/04 职场文书