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实现
Dec 19 Javascript
Javascript获取当前时间函数和时间操作小结
Oct 01 Javascript
修复bash漏洞的shell脚本分享
Dec 31 Javascript
基于JS实现简单的样式切换效果代码
Sep 04 Javascript
谈谈对offsetleft兼容性的理解
Nov 11 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
Dec 22 Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 Javascript
vue+node实现图片上传及预览的示例方法
Nov 22 Javascript
小程序实现新用户判断并跳转激活的方法
May 20 Javascript
Vue监听滚动实现锚点定位(双向)示例
Nov 13 Javascript
javascript实现简单搜索功能
Mar 26 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
Aug 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
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
支持php4、php5的mysql数据库操作类
2008/01/10 PHP
PHPWind 发帖回帖Api PHP版打包下载
2010/02/08 PHP
PHP header()函数常用方法总结
2014/04/11 PHP
php简单复制文件的方法
2016/05/09 PHP
PHP实现添加购物车功能
2017/03/06 PHP
thinkPHP框架中layer.js的封装与使用方法示例
2019/01/18 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
基于Jquery的简单&简陋Tabs插件代码
2010/02/09 Javascript
几个有趣的Javascript Hack
2010/07/24 Javascript
javascript对象的相关操作小结
2016/05/16 Javascript
js中常用的Math方法总结
2017/01/12 Javascript
JS继承与闭包及JS实现继承的三种方式
2017/10/15 Javascript
基于openlayers4实现点的扩散效果
2020/08/17 Javascript
解决vue单页面应用中动态修改title问题
2019/06/09 Javascript
vue项目引入ts步骤(小结)
2019/10/31 Javascript
Angular value与ngValue区别详解
2019/11/27 Javascript
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
Python映射拆分操作符用法实例
2015/05/19 Python
ERLANG和PYTHON互通实现过程详解
2019/07/05 Python
PyQt5使用QTimer实现电子时钟
2019/07/29 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
pytorch:torch.mm()和torch.matmul()的使用
2019/12/27 Python
什么是python的列表推导式
2020/05/26 Python
python实现图片,视频人脸识别(dlib版)
2020/11/18 Python
如何通过Python实现RabbitMQ延迟队列
2020/11/28 Python
全球立体声:World Wide Stereo
2018/09/29 全球购物
美国最大的烧烤架和户外生活用品专业零售商:Barbeques Galore
2021/01/09 全球购物
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
Oracle里面常用的数据字典有哪些
2014/02/14 面试题
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
Python的两道面试题
2013/06/29 面试题
简历中自我评价怎么写
2014/02/12 职场文书
小学生作文评语
2014/04/18 职场文书
2014年三万活动总结
2014/04/26 职场文书
Java 关于String字符串原理上的问题
2022/04/07 Java/Android