vue使div滚动到最底部动画

news/2024/7/24 1:43:47 标签: 动画, vue.js, javascript

例如添加更多任务按钮等等,每次点击都要新生成一条记录,为了方便用户操作,使页面点击的时候可以自己动画懂div的最底端

javascript">// <div ref="scroll"> ...</div>
 handleAddTask() {
      this.dataList.push({   //自己初始化的数据格式
        data_list: [],
        timeValue: [moment().startOf('day').unix(), moment().startOf('day').unix()]
      })
      this.$nextTick(function() {
        var container = this.$refs.scroll
        container.scrollTo({        //滚动动画
          top: container.scrollHeight,
          behavior: 'smooth'
        })
      })
    }
  }


http://www.niftyadmin.cn/n/1202894.html

相关文章

【收藏干货】axios配置大全

一、安装 1、 利用npm安装npm install axios --save 2、 利用bower安装bower install axios --save 3、 直接利用cdn引入<script src"https://unpkg.com/axios/dist/...;></script>二、例子 1、 发送一个GET请求 axios.get(/user?ID12345)//通过给定的ID来发…

vue判断图片是否存在,图片加载失败后显示默认图片

关于图片的一些小utils 1.判断图片是否存在 export function CheckImgExists(imgurl) {var ImgObj new Image() // 判断图片是否存在ImgObj.src imgurl// 存在图片if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {return true} el…

让 AI 教机器自己玩俄罗斯方块

人工智能大火的今天&#xff0c;如果还是自己玩俄罗斯方块未免显得太 LOW&#xff0c;为什么不对游戏升级&#xff0c;让机器自己去玩俄罗斯方块呢?有了这个想法之后&#xff0c;我用了两天时间去搜集了大量资料&#xff0c;在电脑死机好多次之后终于将 AI 俄罗斯方块实现了。…

Zookeeper之Centos7下安装

假设安装到/usr/local/software目录下 下载安装包后上传并解压 tar -zxvf zookeeper-xxx.tar.gz 添加系统环境变量 并在其尾部追加如下内容 vim /etc/profile export ZOOKEEPER_HOME/usr/local/software/zookeeper export PATH$ZOOKEEPER_HOME/bin:$PATH 使系统环境变量立即生效…

scikit-learn中文api

scikit-learn中文文档 转载于:https://www.cnblogs.com/xinmomoyan/p/10406024.html

vue图片上传、支持旋转(上传旋转后的图片方案)

思路&#xff1a;采用element的图片上传图片组件el-upload&#xff0c;上传图片后&#xff0c;canvas绘制旋转后的图片&#xff0c;将canvas绘制出来的base64文件转化成file文件上传 关键代码&#xff1a; <el-form :model"formLabelAlign"><el-form-item …

springcloud demo---config-client

1.创建一个config-server服务 1.1 bootstrap.yml(优先加载权) server:port: 8091 spring:cloud:config:uri: http://localhost:8090/  #config-server的服务地址profile: devlabel: masterapplication:name: config-server management:security:enabled: false 1.2 依赖 <…

vue平滑滚动到指定位置

需求&#xff1a;锚点导航问题&#xff0c;点击导航跳到对应的模块&#xff0c;两种方式 1.滚动盒子滚动到指定高度 scrollTo&#xff08;offsetTop每个模块顶部距离可滚动盒子的顶部偏移的像素值&#xff09; goAnthor (selector) {const height document.querySelector(sel…