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>

 

上一篇:基于Docker 部署 Seafile+OnlyOffice+Wiki插件


下一篇:Vue生命周期(转载)