HarmonyOS ArkTS如何实现锚点跳转功能?

页面使用了scroll,里面有几个锚点,需要跳转到具体的锚点位置。scroller.scrollTo()方法可以跳转,但是如何获取页面里的元素位置,还是有其他方法实现吗?

HarmonyOS
2024-10-08 10:51:33
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以使用onAreaChange获取页面里的元素位置,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-component-area-change-event-V5#示例

参考代码:

Text('测试一个')  
  .onAreaChange((oldValue: Area, newValue: Area) => {  
    console.info(`Ace: on area change, oldValue is ${JSON.stringify(oldValue)} value is ${JSON.stringify(newValue)}`)  
    this.xValue = JSON.stringify(newValue.globalPosition.x)  
    this.yValue = JSON.stringify(newValue.globalPosition.y)  
  })  
//跳转到具体的锚点位置:  
this.scroller.scrollTo({ xOffset: this.xValue, yOffset: this.yValue }) //滑动到指定位置
分享
微博
QQ
微信
回复
2024-10-08 15:46:54
相关问题
HarmonyOS 请问ArkTS如何实现倒计时功能
29583浏览 • 8回复 待解决
arkts 护眼模式功能实现
235浏览 • 0回复 待解决
HarmonyOS 分享功能如何实现
89浏览 • 1回复 待解决
arkTS如何实现电子书阅读器的功能?
1762浏览 • 1回复 待解决
ArkTs怎么实现扫一扫功能
4597浏览 • 1回复 待解决
HarmonyOS如何实现头像选择功能
367浏览 • 1回复 待解决
HarmonyOS如何实现粘贴板功能
242浏览 • 1回复 待解决
HarmonyOS 如何实现手势密码功能
369浏览 • 1回复 待解决
HarmonyOS 如何实现语音助手的功能
128浏览 • 1回复 待解决
HarmonyOS如何实现hap包页面的跳转
495浏览 • 1回复 待解决
如何实现图片点击跳转?
5403浏览 • 1回复 待解决
HarmonyOS 如何实现滑动验证码功能
421浏览 • 1回复 待解决
Grid如何实现拖拽功能
2444浏览 • 1回复 待解决