vue中点按钮回到顶部,和elementUI中置顶按钮的实现


一般做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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM