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