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