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

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

HarmonyOS

mafast

2024-05-26 15:39:00

1412浏览

回答 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 
          } 
        })1.
2.
3.
4.
5.
6.
7.
8.

实现效果

2024-05-27 20:42:21

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

发布

相关问题

HarmonyOS List组件滑动到某一个Item的顶部

874浏览 • 1回复待解决

HarmonyOS 如何使单独某一个页面全屏显示

724浏览 • 1回复待解决

HarmonyOS 怎么获取某一个视图的起始位置？

980浏览 • 1回复待解决

HarmonyOS @Watch如何监听复杂变量的某一个属性值

590浏览 • 1回复待解决

HarmonyOS Swiper可以定位到指定的某一个吗？

1039浏览 • 1回复待解决

HarmonyOS Video组件如何播放图库内的某一个视频？

1191浏览 • 1回复待解决

HarmonyOS ArkTS有把一个组件移动到另一个窗口上的方法吗？

890浏览 • 1回复待解决

HarmonyOS 界面中多个textInput，如何指定某一个主动获取焦点，非首次进入情况

512浏览 • 1回复待解决

HarmonyOS 如何删除数组中的某一个item，删除后同步刷新UI

1094浏览 • 1回复待解决

HarmonyOS waterflow没有类似notifyrangechange通知变更某一个区间的方法，怎么办？

931浏览 • 1回复待解决

HarmonyOS hvigor 编译时，可以读取某一个代码引用，以及相关的入参吗？

660浏览 • 1回复待解决

HarmonyOS 如何在ATabContent组件中点击一个按钮，切换到BTabContent组件中？

643浏览 • 1回复待解决

#鸿蒙学习大百科#怎样把事件控制在某一个UIAbility实例中传递？

1173浏览 • 1回复待解决

HarmonyOS 仿AppBarLayout吸附使用Scroll滚动到顶时出现抖动问题

836浏览 • 1回复待解决

ArkTS是否有析构函数，查看某一个对象销毁可以在什么时间点

1123浏览 • 1回复待解决

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

1195浏览 • 1回复待解决

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

2209浏览 • 1回复待解决

HarmonyOS 要做一个蒙层，就是有个按钮点击会出现一个类似弹框的蒙层全屏的，用customdialog如何实现

627浏览 • 1回复待解决

HarmonyOS WebView 中点击图片后图片放大效果如何实现？

1220浏览 • 1回复待解决

HarmonyOS web组件请问该怎么实现替换某一个cookie的整个值，或者怎么实现删除特定的cookie?

818浏览 • 1回复待解决

HarmonyOS 如何实现一个遮罩层

1371浏览 • 1回复待解决

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

2968浏览 • 1回复待解决

HarmonyOS 某个组件有onClick、pan、tap、pin手势监听，如何通过条件来判断让某一个响应事件响应或者不响应

1154浏览 • 1回复待解决

HarmonyOS 状态管理里面，目前 @watch 只能监听某一个属性，都有一个属性为 observe 装饰器装饰的class A，目前只想@watch 这个A对象下的a属性，需要怎么实现。

631浏览 • 1回复待解决

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

1701浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

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

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