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
相关问题
HarmonyOS 如何实现一个遮罩
484浏览 • 1回复 待解决
如何生成一个可以交互的移动子窗口
940浏览 • 1回复 待解决
Web组件怎么知道滚动到顶部了
875浏览 • 1回复 待解决