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 相关文章推荐
Firefox中beforeunload事件的实现缺陷浅析
May 03 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 Javascript
使用JQuery库提供的扩展功能实现自定义方法
Sep 09 Javascript
jQuery对JSON数据进行排序输出的方法
Jun 24 Javascript
JS实现可关闭的对联广告效果代码
Sep 14 Javascript
js实现图片无缝滚动
Dec 23 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
Dec 26 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
js字符串类型String常用操作实例总结
Jul 05 Javascript
JavaScript常用工具函数大全
May 06 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 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
php5数字型字符串加解密代码
2008/04/24 PHP
php下关于中英数字混排的字符串分割问题
2010/04/06 PHP
PHP使用CURL获取302跳转后的地址实例
2014/05/04 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
JS 容错处理代码, 屏蔽错误信息
2021/03/09 Javascript
arguments对象
2006/11/20 Javascript
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
JQuery中SetTimeOut传参问题探讨
2013/05/10 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
2015/10/23 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
使用JS模拟锚点跳转的实例
2018/02/01 Javascript
简单了解vue.js数组的常用操作
2019/06/17 Javascript
js canvas实现星空连线背景特效
2019/11/01 Javascript
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
vue 页面跳转的实现方式
2021/01/12 Vue.js
基于python的汉字转GBK码实现代码
2012/02/19 Python
多个应用共存的Django配置方法
2018/05/30 Python
int在python中的含义以及用法
2019/06/27 Python
PYTHON实现SIGN签名的过程解析
2019/10/28 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
波兰最大的宠物用品网上商店:FERA.PL
2019/08/11 全球购物
List、Map、Set三个接口,存取元素时,各有什么特点?
2015/09/27 面试题
给学校建议书范文
2014/05/13 职场文书
中文专业自荐书
2014/06/29 职场文书
投资意向书
2014/07/30 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
2016年综治宣传月活动宣传标语口号
2016/03/16 职场文书
spring cloud gateway中如何读取请求参数
2021/07/15 Java/Android
使用vue判断当前环境是安卓还是IOS
2022/04/12 Vue.js