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

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

HarmonyOS

mafast

2024-05-26 15:39:00

浏览

回答 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 
          } 
        })

实现效果

2024-05-27 20:42:21

如何写精华回答，获更多曝光？

发布

相关问题

当完成某一个业务的时候，期望跳转到目标页面，并且销毁某业务中的所有页面

530浏览 • 1回复待解决

List组件如何滚动到ListItemGroup的某一子项

839浏览 • 1回复待解决

如何在向列表顶端插入数据的时候，不自动滚动到列表顶端

269浏览 • 1回复待解决

如何生成一个可以交互的移动子窗口

284浏览 • 1回复待解决

Web组件怎么知道滚动到顶部了

438浏览 • 1回复待解决

Scroll里面套一个grid，如何禁用grid的滑动事件

1098浏览 • 1回复待解决

scroll中嵌套一个或多个grid，如何实现嵌套滚动？

511浏览 • 0回复待解决

openharmony 点击一个app图标的动效怎么实现？

3495浏览 • 1回复待解决

如何让一个按钮点击执行耗时操作，执行完之后才能再次点击

351浏览 • 1回复待解决

鸿蒙如何实现一个渐变的圆形图片；

10985浏览 • 2回复已解决

我点击更换图片为何没有更换图片谁知道，在原来基础又画了一层

6053浏览 • 3回复待解决

如何在C层获取一个hashmap或者自定义对象数据

667浏览 • 0回复待解决

我想用XML布局增加一个图片怎么实现？

9414浏览 • 4回复待解决

点击一个list的item，怎么给这个item添加class

4795浏览 • 1回复待解决

如何打开相机：如何用代码打开一个系统相机，拍照后返回一个图片流。

452浏览 • 1回复待解决

图片放大之后左右移动图片，不能移动出边界，怎么判断边界值

259浏览 • 1回复待解决

CustomDialog上面有一个textInput，点击对话框被顶出屏幕

561浏览 • 1回复待解决

如何去除tabbar滑动到边缘时的蒙层效果

716浏览 • 1回复待解决

JavaUI 中List组件怎么实现右键点击Item项关联弹出一个菜单?

1978浏览 • 1回复待解决

如何将点击事件透传到下一层

636浏览 • 1回复待解决

请教一个问题，如何在图片上写数字，使用arkts？

1355浏览 • 1回复待解决

创建了一个common文件，怎样把图片加进去

8605浏览 • 2回复待解决

是否可以将组件作为一个参数传给另一个组件？

566浏览 • 1回复待解决

两个图片设置完间距，图片放大动画会影响另一个图片的位置，是否有方式做到不影响

470浏览 • 1回复待解决

一个应用有多个UIAbility，如何设置任务列表只显示一个UIAbility

694浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

订阅鸿蒙技术特刊，精选内容抢先看