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 相关文章推荐
Jquery获得控件值的三种方法总结
Feb 13 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
Javascript中使用parseInt函数需要注意的问题
Apr 02 Javascript
easyui导出excel无法弹出下载框的快速解决方法
Nov 10 Javascript
JavaScript定义全局对象的方法示例
Jan 12 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
Vue实例简单方法介绍
Jan 20 Javascript
Node.js数据库操作之查询MySQL数据库(二)
Mar 04 Javascript
Vue2.0结合webuploader实现文件分片上传功能
Mar 09 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
May 16 Javascript
Angular Material Icon使用详解
Nov 07 Javascript
探索浏览器页面关闭window.close()的使用详解
Aug 21 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
怎样在UNIX系统下安装MySQL
2006/10/09 PHP
关于时间计算的结总
2006/12/06 PHP
PHP 创建标签云函数代码
2010/05/26 PHP
PHP FATAL ERROR: CALL TO UNDEFINED FUNCTION BCMUL()解决办法
2014/05/04 PHP
解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法
2015/12/18 PHP
Laravel事件监听器用法实例分析
2019/03/12 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
jquery CSS选择器笔记
2010/03/29 Javascript
JS声明变量背后的编译原理剖析
2012/12/28 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
javascript中的后退和刷新实现方法
2016/11/10 Javascript
jquery实时获取时间的简单实例
2017/01/26 Javascript
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
2017/01/30 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
2018/01/23 Javascript
开源一个微信小程序仪表盘组件过程解析
2019/07/30 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
2020/04/24 Javascript
Python break语句详解
2014/03/11 Python
Python-OpenCV基本操作方法详解
2018/04/02 Python
使用CSS3制作响应式导航菜单的方法
2015/07/12 HTML / CSS
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
2013/01/06 HTML / CSS
中国海淘族值得信赖的海淘返利网站:55海淘
2017/01/16 全球购物
Paul’s Boutique官网:英国时尚手袋品牌
2018/03/31 全球购物
华为慧通面试题
2012/09/11 面试题
中专三年学习的个人自我评价
2013/12/12 职场文书
汽车运用工程专业毕业生推荐信
2013/12/25 职场文书
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
团日活动总结报告
2014/06/25 职场文书
党的群众路线教育实践活动自我剖析材料
2014/10/08 职场文书
中学感恩教育活动总结
2015/05/05 职场文书
2015年度酒店客房部工作总结
2015/05/25 职场文书
趣味运动会新闻稿
2015/07/17 职场文书
工商局调档介绍信
2015/10/22 职场文书
小学大队委竞选口号
2015/12/25 职场文书