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 相关文章推荐
JS getMonth()日期函数的值域是0-11
Feb 15 Javascript
jquery中加载图片自适应大小主要实现代码
Aug 23 Javascript
javasctipt如何显示几分钟前、几天前等
Apr 30 Javascript
javascript与有限状态机详解
May 08 Javascript
jQuery实现预加载图片的方法
Mar 17 Javascript
你有必要知道的25个JavaScript面试题
Dec 29 Javascript
jquery实现(textarea)placeholder自动换行
Dec 22 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
Sep 26 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
Apr 04 Javascript
浅谈webpack和webpack-cli模块源码分析
Jan 19 Javascript
js+css实现扇形导航效果
Aug 18 Javascript
javascript实现搜索筛选功能实例代码
Nov 12 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
PHP定时自动生成静态HTML的实现代码
2010/06/20 PHP
深入php函数file_get_contents超时处理的方法详解
2013/06/03 PHP
PHP迭代器实现斐波纳契数列的函数
2013/11/12 PHP
PHP函数getenv简介和使用实例
2014/05/12 PHP
ThinkPHP中U方法的使用浅析
2014/06/13 PHP
PHP+MySql+jQuery实现的"顶"和"踩"投票功能
2016/05/21 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
Javascript 获取LI里的内容
2008/12/17 Javascript
再论Javascript下字符串连接的性能
2011/03/05 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
2014/01/09 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
2014/02/21 Javascript
jQuery中:file选择器用法实例
2015/01/04 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
2016/06/01 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
JS中微信小程序自定义底部弹出框
2016/12/22 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
vue-rx的初步使用教程
2018/09/21 Javascript
Layui 动态禁止select下拉的例子
2019/09/03 Javascript
vue中v-for循环选中点击的元素并对该元素添加样式操作
2020/07/17 Javascript
[01:31:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第二场 1月10日
2021/03/11 DOTA
python使用chardet判断字符串编码的方法
2015/03/13 Python
Python减少循环层次和缩进的技巧分析
2016/03/15 Python
python pygame实现2048游戏
2018/11/20 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
python 通过视频url获取视频的宽高方式
2019/12/10 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
英国第一豪华护肤品牌:Elemis
2017/10/12 全球购物
美国高档百货Nordstrom的折扣店:Nordstrom Rack
2017/11/13 全球购物
英国电视和家用电器购物网站:rlrdistribution.co.uk
2018/11/20 全球购物
车间班组长的职责
2013/12/13 职场文书
我的中国梦演讲稿高中篇
2014/08/19 职场文书
2014年英语教学工作总结
2014/12/17 职场文书
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL
Rust中的Struct使用示例详解
2022/08/14 Javascript