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)
    }
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.

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

分享
微博
QQ
微信
回复
2024-12-25 16:24:15
相关问题
HarmonyOS Scroll组件滚动问题
1429浏览 • 1回复 待解决
HarmonyOS scroll动问题
1125浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List的滑动问题
785浏览 • 1回复 待解决
HarmonyOS 图片放大后的滚动动问题
666浏览 • 1回复 待解决
HarmonyOS Tabs组件的Tab栏滚动问题
1550浏览 • 1回复 待解决
Grid嵌套滚动问题有知道的吗?
3607浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动控制
931浏览 • 1回复 待解决
HarmonyOS动问题
606浏览 • 1回复 待解决
HarmonyOS scroll和list滚动冲突
1127浏览 • 1回复 待解决
HarmonyOS bindSheet拖动问题
498浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
1082浏览 • 1回复 待解决
HarmonyOS Slider滑动问题
1252浏览 • 1回复 待解决
HarmonyOS list滑动问题
1487浏览 • 1回复 待解决
HarmonyOS LongPressGesture手势移动问题
1066浏览 • 1回复 待解决
HarmonyOS 悬浮按钮拖动问题
1288浏览 • 1回复 待解决
HarmonyOS onToch事件滑动问题
634浏览 • 1回复 待解决
HarmonyOS Grid组件子项拖动问题
1008浏览 • 1回复 待解决
HarmonyOS TextPickerDialog多级联动问题
636浏览 • 1回复 待解决