HarmonyOS scroll滚动问题

一个页面有个scroll控件使用了this.scrollerForScroll.scrollEdge(Edge.End) 这个属性就会在进入页面时有个移动的效果滚动到最后,如何把这个效果去掉?

HarmonyOS
2024-12-25 14:50:12
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

this.scrollerForScroll.scrollEdge无法去除滚动效果,可以通过scrollTo方法来去除效果,scrollTo({ yOffset:number xOffset: number , animation: false } ),可参考示例如下:

@Entry
@Component
struct ToggleExample {
  @State data: string[] = new Array(100).fill("测试")
  scrollController: Scroller = new Scroller()
  scrollHeight: number = 0

  build() {
    Column() {
      Button("滚动到底部").onClick(() => {
        const offset = this.scrollController.currentOffset()
        this.scrollController.scrollTo({ yOffset: this.scrollHeight + 10, xOffset: offset.xOffset, animation: false })
      })
      Scroll(this.scrollController) {
        Column() {
          ForEach(this.data, (item: string) => {
            ListItem() {
              Text(item)
            }
          })
        }.onAreaChange((old, newArea) => {
          // 记录内部的高度
          this.scrollHeight = newArea.height as number
        })
      }
      .layoutWeight(1)
    }
  }
}

或者使用无滚动效果的滚动组件List。

分享
微博
QQ
微信
回复
2024-12-25 16:24:15
相关问题
HarmonyOS Scroll组件滚动问题
749浏览 • 1回复 待解决
HarmonyOS scroll动问题
600浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List的滑动问题
57浏览 • 1回复 待解决
HarmonyOS 图片放大后的滚动动问题
132浏览 • 1回复 待解决
HarmonyOS Tabs组件的Tab栏滚动问题
673浏览 • 1回复 待解决
Grid嵌套滚动问题有知道的吗?
2832浏览 • 1回复 待解决
HarmonyOS动问题
162浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动控制
178浏览 • 1回复 待解决
HarmonyOS bindSheet拖动问题
128浏览 • 1回复 待解决
HarmonyOS scroll和list滚动冲突
555浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
445浏览 • 1回复 待解决
HarmonyOS list滑动问题
943浏览 • 1回复 待解决
HarmonyOS Slider滑动问题
618浏览 • 1回复 待解决
HarmonyOS LongPressGesture手势移动问题
613浏览 • 1回复 待解决
HarmonyOS 悬浮按钮拖动问题
578浏览 • 1回复 待解决
HarmonyOS onToch事件滑动问题
125浏览 • 1回复 待解决
HarmonyOS Grid组件子项拖动问题
345浏览 • 1回复 待解决
HarmonyOS TextPickerDialog多级联动问题
146浏览 • 1回复 待解决