一般做pc项目都会遇到侧边小按钮点击回到顶部的功能,现在记录一下项目中的实现方法

一、结合动画效果实现

<li class="defa_bt" @click="hddb">
<img src="../static/img/home/bom01.png" alt="">
</li>
methods: {
hddb(){
$("html,body").animate({scrollTop:'0px'},800); //回到顶部
},
}

二、引入elementui实现

<li>
<el-backtop >置顶按钮</el-backtop>
</li>

最新文章

  1. Xamarin.Android多界面
  2. EXT 环境部署
  3. css的学习
  4. mybatis读取配置文件报错:Could not find resource configuration.xml
  5. 使用TCPDF插件生成pdf以及pdf的中文处理
  6. Spark SQL 之 Performance Tuning &amp; Distributed SQL Engine
  7. selenium测试套件
  8. oracle随机取数据
  9. 创建本地yum软件源,为本地Package安装Cloudera Manager、Cloudera Hadoop及Impala做准备
  10. android 项目学习随笔十四(WebView)
  11. rsync同步完整配置
  12. HDU 1560 DNA sequence A* 难度:1
  13. Discuz 7.2 /faq.php SQL注入漏洞
  14. 冒泡排序算法 C++和PHP达到
  15. Git本地操作相关介绍
  16. VMware5.5-虚拟交换机
  17. Android ListView滚动条配置完全解析
  18. consumer filter
  19. springboot之约定大约配置
  20. Linux 系统的/etc目录

热门文章

  1. 工厂有了 ERP 系统,为什么还要上 MES 系统?
  2. Linux+Proton without Steam玩火影忍者究极风暴4指南
  3. Servlet(处理乱码,重定向与转发的区别)
  4. Vue学习之--------组件自定义事件(绑定、解绑)(2022/8/21)
  5. SpringBoot整合ES+Kibana
  6. MySQL 索引失效-模糊查询,最左匹配原则,OR条件等。
  7. CSS 渐变锯齿消失术
  8. 二、Kubernetes 概念介绍
  9. &lt;四&gt;构造函数初始化列表
  10. C#使用附加到进程调试