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 }) //滑动到指定位置
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
分享
微博
QQ
微信
回复
2024-10-08 15:46:54
相关问题
HarmonyOS 两个List互相功能
123浏览 • 1回复 待解决
HarmonyOS 如何实现点定位功能
123浏览 • 1回复 待解决
HarmonyOS List组件问题咨询
110浏览 • 1回复 待解决
HarmonyOS 9图功能
204浏览 • 1回复 待解决
HarmonyOS 无埋(全埋如何实现
196浏览 • 1回复 待解决
arkts 护眼模式功能实现
471浏览 • 0回复 待解决
HarmonyOS 请问ArkTS如何实现倒计时功能
32892浏览 • 8回复 待解决
HarmonyOS方案如何实现
226浏览 • 1回复 待解决
HarmonyOS Next埋方案如何实现
4浏览 • 1回复 待解决
arkTS如何实现电子书阅读器的功能?
2058浏览 • 1回复 待解决
ArkTs怎么实现扫一扫功能
5010浏览 • 1回复 待解决