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 相关文章推荐
toString()一个会自动调用的方法
Feb 08 Javascript
Jquery+WebService 校验账号是否已被注册的代码
Jul 12 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
Aug 01 Javascript
JavaScript中的原型prototype属性使用详解
Jun 05 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
Sep 19 Javascript
AngularJS入门教程一:路由用法初探
May 27 Javascript
原JS实现banner图的常用功能
Jun 12 Javascript
原生javascript AJAX 三级联动的实现代码
May 04 Javascript
JS获取动态添加元素的方法详解
Jul 31 Javascript
JavaScript this关键字指向常用情况解析
Sep 02 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
CodeIgniter php mvc框架 中国网站
2008/05/26 PHP
apache配置虚拟主机的方法详解
2013/06/17 PHP
php比较相似字符串的方法
2015/06/05 PHP
php实现页面纯静态的实例代码
2017/06/21 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
php 比较获取两个数组相同和不同元素的例子(交集和差集)
2019/10/18 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
javascript截取字符串(通过substring实现并支持中英文混合)
2013/06/24 Javascript
Javascript事件实例详解
2013/11/06 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
2014/04/12 Javascript
在线所见即所得HTML编辑器的实现原理浅析
2015/04/25 Javascript
jQuery插件datalist实现很好看的input下拉列表
2015/07/14 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
2016/01/26 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
2016/11/04 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
2018/01/31 Javascript
nodejs+mongodb aggregate级联查询操作示例
2018/03/17 NodeJs
JS中DOM元素的attribute与property属性示例详解
2018/09/04 Javascript
JavaScript this使用方法图解
2020/02/04 Javascript
antd 表格列宽自适应方法以及错误处理操作
2020/10/27 Javascript
python 高效去重复 支持GB级别大文件的示例代码
2018/11/08 Python
浅谈python在提示符下使用open打开文件失败的原因及解决方法
2018/11/30 Python
python+pygame实现坦克大战小游戏的示例代码(可以自定义子弹速度)
2020/08/11 Python
如何编写python的daemon程序
2021/01/07 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
2020/11/30 HTML / CSS
教你如何一步一步用Canvas写一个贪吃蛇
2018/10/22 HTML / CSS
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
松下电器美国官方商店:Panasonic美国
2016/10/14 全球购物
现货白银电话营销话术
2015/05/29 职场文书
导游词之藏龙百瀑景区
2019/12/30 职场文书
PyTorch 如何设置随机数种子使结果可复现
2021/05/12 Python
入门学习Go的基本语法
2021/07/07 Golang
Redis 的查询很快的原因解析及Redis 如何保证查询的高效
2022/03/16 Redis