当前位置:网站首页 > 后端开发 > 正文

uniapp实现点击回到顶部

一,实现的效果

在这里插入图片描述

二,实现的方法

<image src="../../static/icons/gotop.png" mode="" @click="backtop" ></image> 
// 点击返回顶部按钮 跳回顶部 backtop() { 
    uni.pageScrollTo({ 
    scrollTop: 0 }); } 

官网地址:https://uniapp.dcloud.io/api/ui/scroll?id=pagescrollto

到此这篇uniapp实现点击回到顶部的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • uniapp某个页面高度占满写法2024-12-01 11:18:09
  • vant组件二次封装-下拉刷新列表组件2024-12-01 11:18:09
  • nginx个人常用2024-12-01 11:18:09
  • flex:1不等分的问题2024-12-01 11:18:09
  • 封装组件系列-(一)-插槽及动态组件2024-12-01 11:18:09
  • 实现滑动到中间变大的效果2024-12-01 11:18:09
  • uniapp实现滑动导航2024-12-01 11:18:09
  • dialog的二次封装2024-12-01 11:18:09
  • 黑马品优购项目的总结-首页2024-12-01 11:18:09
  • 伪元素2024-12-01 11:18:09
  • 全屏图片