HarmonyOS scroll滚动问题

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

HarmonyOS
1天前
浏览
收藏 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
微信
回复
1天前
相关问题
HarmonyOS Scroll组件滚动问题
626浏览 • 1回复 待解决
HarmonyOS scroll动问题
484浏览 • 1回复 待解决
HarmonyOS Tabs组件的Tab栏滚动问题
560浏览 • 1回复 待解决
HarmonyOS 图片放大后的滚动动问题
36浏览 • 1回复 待解决
Grid嵌套滚动问题有知道的吗?
2667浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动控制
93浏览 • 1回复 待解决
HarmonyOS动问题
80浏览 • 1回复 待解决
HarmonyOS scroll和list滚动冲突
435浏览 • 1回复 待解决
HarmonyOS list滑动问题
842浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
369浏览 • 1回复 待解决
HarmonyOS Slider滑动问题
395浏览 • 1回复 待解决
HarmonyOS bindSheet拖动问题
21浏览 • 1回复 待解决
HarmonyOS onToch事件滑动问题
40浏览 • 1回复 待解决
HarmonyOS 悬浮按钮拖动问题
384浏览 • 1回复 待解决
HarmonyOS LongPressGesture手势移动问题
531浏览 • 1回复 待解决
HarmonyOS Grid组件子项拖动问题
223浏览 • 1回复 待解决
HarmonyOS TextPickerDialog多级联动问题
59浏览 • 1回复 待解决