其他分享
首页 > 其他分享> > vue中点按钮回到顶部,和elementUI中置顶按钮的实现

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>

 

标签:vue,methods,顶部,实现,按钮,置顶,回到
来源: https://www.cnblogs.com/anna001/p/15328745.html