Scroll中点击某一个层图片移动到顶端

功能场景很简单就是类似于购物软件中一键回到顶部的功能

HarmonyOS
2024-05-26 15:39:00
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

使用的核心API

List  (其中用到了在里面绑定一个Scorller(),用来控制滑动)

参考文档地址:List-容器组件

Scroll中的ScrollTo

核心代码解释

xOffset: 0,yOffset: 0,指定了跳转的位置

animation 属性指回到顶端的动画

this.scrollForList.scrollTo({ 
          xOffset: 0, 
          yOffset: 0, 
          animation: { 
            duration: 200, 
            curve: Curve.FastOutSlowIn 
          } 
        })

实现效果

分享
微博
QQ
微信
回复
2024-05-27 20:42:21
相关问题
Web组件怎么知道滚动到顶部了
483浏览 • 1回复 待解决
如何生成一个可以交互的移动子窗口
329浏览 • 1回复 待解决
鸿蒙 如何实现一个渐变的圆形图片
11138浏览 • 2回复 已解决
如何将点击事件透传到下
805浏览 • 1回复 待解决