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 相关文章推荐
window.onload 加载完毕的问题及解决方案(下)
Jul 09 Javascript
Firefox+FireBug使JQuery的学习更加轻松愉快
Jan 01 Javascript
详解AngularJS中的作用域
Jun 17 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
原生javascript实现图片无缝滚动效果
Feb 12 Javascript
javascript的document中的动态添加标签实现方法
Oct 24 Javascript
js仿淘宝商品放大预览功能
Mar 15 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
对类Vue的MVVM前端库的实现代码
Sep 07 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
js实现移动端吸顶效果
Jan 08 Javascript
关于Vue中$refs的探索浅析
Nov 05 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的面向对象编程
2006/10/09 PHP
56.com视频采集接口程序(PHP)
2007/09/22 PHP
PHP ? EasyUI DataGrid 资料存的方式介绍
2012/11/07 PHP
php调用mysql存储过程实例分析
2014/12/29 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
PHP dirname(__FILE__)原理及用法解析
2020/10/28 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
Javascript中arguments和arguments.callee的区别浅析
2015/04/24 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
2016/02/25 Javascript
基于jquery实现表格内容筛选功能实例解析
2016/05/09 Javascript
jquery实现垂直和水平菜单导航栏
2020/08/27 Javascript
JS获取年月日时分秒的方法分析
2016/11/28 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
2016/12/22 Javascript
js实现的xml对象转json功能示例
2016/12/24 Javascript
Bootstrap实现的标签页内容切换显示效果示例
2017/05/25 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
浅入深出Vue之自动化路由
2019/08/06 Javascript
Vue 根据条件判断van-tab的显示方式
2020/08/03 Javascript
JS实现放大镜效果
2020/09/21 Javascript
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
python 中if else 语句的作用及示例代码
2018/03/05 Python
Python实现爬虫抓取与读写、追加到excel文件操作示例
2018/06/27 Python
python pandas实现excel转为html格式的方法
2018/10/23 Python
Django中自定义admin Xadmin的实现代码
2019/08/09 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
python 实现任务管理清单案例
2020/04/25 Python
Python列表推导式实现代码实例
2020/09/09 Python
python爬虫---requests库的用法详解
2020/09/28 Python
大学生自荐信
2013/12/11 职场文书
药学专业个人的自我评价
2013/12/31 职场文书
办公室岗位职责
2014/02/12 职场文书
学生安全承诺书
2014/05/22 职场文书
党的群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
2014保险公司内勤工作总结
2014/12/16 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
Keras多线程机制与flask多线程冲突的解决方案
2021/05/28 Python