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 面向对象编程(一) 封装
Aug 28 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
Feb 01 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
Sep 13 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
Dec 25 Javascript
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
Node.js中流(stream)的使用方法示例
Jul 16 Javascript
vuejs实现本地数据的筛选分页功能思路详解
Nov 15 Javascript
Vue的watch和computed方法的使用及区别介绍
Sep 06 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
Jun 17 Javascript
JS面向对象之多选框实现
Jan 17 Javascript
vue使用节流函数的踩坑实例指南
May 20 Vue.js
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 set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
php图片缩放实现方法
2014/02/20 PHP
PHP数学运算与数据处理实例分析
2016/04/01 PHP
js类中获取外部函数名的方法
2007/08/19 Javascript
基于jquery的商品展示放大镜
2010/08/07 Javascript
javascript之querySelector和querySelectorAll使用说明
2011/10/09 Javascript
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
jQuery 关于伪类选择符的使用说明
2013/04/24 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
2015/10/06 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
2015/12/04 Javascript
快速掌握Node.js事件驱动模型
2016/03/21 Javascript
require简单实现单页应用程序(SPA)
2016/07/12 Javascript
AngularJS用户选择器指令实例分析
2016/11/04 Javascript
JS获取多维数组中相同键的值实现方法示例
2017/01/06 Javascript
vue组件挂载到全局方法的示例代码
2018/08/02 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
pyhton列表转换为数组的实例
2018/04/04 Python
Python 25行代码实现的RSA算法详解
2018/04/10 Python
python文件排序的方法总结
2020/09/13 Python
CSS3自定义滚动条样式的示例代码
2017/08/21 HTML / CSS
墨西哥网上超市:Superama
2018/07/10 全球购物
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
环境科学毕业生自荐信
2013/11/21 职场文书
畜牧兽医本科生的自我评价
2014/03/03 职场文书
竞选班干部演讲稿500字
2014/08/20 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
十岁生日答谢词
2015/01/05 职场文书
机动车交通事故协议书
2015/01/29 职场文书
民事二审代理词
2015/05/25 职场文书
详细了解java监听器和过滤器
2021/07/09 Java/Android
java设计模式--原型模式详解
2021/07/21 Java/Android
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏
Hive HQL支持2种查询语句风格
2022/06/25 数据库