# ScrollViewContext

滚动组件的上下文对象,用于控制滚动位置、滚动行为、下拉刷新和下拉二级面板。
通过 NodesRef.node 获取。
App 蒸汽模式下适用于 scroll-view、list-view 和 waterflow。
微信小程序适用于 scroll-view。

# ScrollViewContext 兼容性 ?

Web微信小程序AndroidiOSHarmonyOS
VDOM Vapor VDOM Vapor VDOM Vapor
x√x5.34x5.34x5.34

# ScrollViewContext 的属性值

名称 类型 必备 兼容性 描述
bounces boolean 是
设置滚动边界弹性 (仅在 iOS 下生效)
showScrollbar boolean 是
是否显示滚动条。
scrollEnabled boolean 是
是否允许手势滚动;关闭后仍可调用滚动方法。
pagingEnabled boolean 是
是否按页停靠。

# ScrollViewContext 的方法

# scrollTo(options: ScrollViewScrollToOptions): void

scrollTo

滚动到指定位置,越界时钳制到可滚动范围。

# scrollTo 兼容性 ?
Web微信小程序AndroidiOSHarmonyOS
VDOM Vapor VDOM Vapor VDOM Vapor
x√x5.34x5.34x5.34
# 参数
名称 类型 必填 兼容性 描述
options ScrollViewScrollToOptions 是
scrollTo 的目标坐标和动画配置。未指定的坐标保持当前位置。
名称 类型 必备 兼容性 描述
top number 否
垂直滚动位置,单位 px。
left number 否
水平滚动位置,单位 px。
animated boolean 否
未指定且未传 duration、velocity 时,使用组件的 scroll-with-animation 配置。
duration number 否
动画时长,单位 ms;显式启用动画时默认 300,小于或等于 0 时立即定位。
velocity number 否
动画初始速度,单位 px/s;负值按 0 处理。

# scrollIntoView(selector: string, options?: ScrollViewScrollIntoViewOptions): void

scrollIntoView

滚动到当前容器内已渲染的目标节点。虚拟列表和瀑布流中的目标须已渲染。

# scrollIntoView 兼容性 ?
Web微信小程序AndroidiOSHarmonyOS
VDOM Vapor VDOM Vapor VDOM Vapor
x√x5.34x5.34x5.34
# 参数
名称 类型 必填 兼容性 描述
selector string 是
options ScrollViewScrollIntoViewOptions 否
滚动至容器内目标节点时的配置。
名称 类型 必备 兼容性 描述
alignment string 否
目标与容器视口的对齐方式;默认从起始位置对齐。
合法值 兼容性
"start"
"center"
"end"
"nearest"
offset number 否
对齐位置的偏移量,单位 px。
animated boolean 否
是否使用动画;传入 options 且未指定时默认 true。

# triggerRefresh(options?: ScrollViewRefreshOptions): void

triggerRefresh

触发下拉刷新。

# triggerRefresh 兼容性 ?
Web微信小程序AndroidiOSHarmonyOS
VDOM Vapor VDOM Vapor VDOM Vapor
x√x5.34x5.34x5.34
# 参数
名称 类型 必填 兼容性 描述
options ScrollViewRefreshOptions 否
triggerRefresh、triggerTwoLevel、closeTwoLevel 的动画配置。
名称 类型 必备 兼容性 描述
duration number 否
动画时长,单位 ms;刷新默认 300,二级面板默认 500。
easingFunction string 否
动画曲线,默认 ease。
合法值 兼容性
"linear"
"ease"
"ease-in"
"ease-out"
"ease-in-out"

# closeRefresh(): void

closeRefresh

关闭下拉刷新。

# closeRefresh 兼容性 ?
Web微信小程序AndroidiOSHarmonyOS
VDOM Vapor VDOM Vapor VDOM Vapor
x√x5.34x5.34x5.34

# triggerTwoLevel(options?: ScrollViewRefreshOptions): void

triggerTwoLevel

打开下拉二级面板。

# triggerTwoLevel 兼容性 ?
Web微信小程序AndroidiOSHarmonyOS
VDOM Vapor VDOM Vapor VDOM Vapor
x√x5.34x5.34x5.34
# 参数
名称 类型 必填 兼容性 描述
options ScrollViewRefreshOptions 否
triggerRefresh、triggerTwoLevel、closeTwoLevel 的动画配置。
名称 类型 必备 兼容性 描述
duration number 否
动画时长,单位 ms;刷新默认 300,二级面板默认 500。
easingFunction string 否
动画曲线,默认 ease。
合法值 兼容性
"linear"
"ease"
"ease-in"
"ease-out"
"ease-in-out"

# closeTwoLevel(options?: ScrollViewRefreshOptions): void

closeTwoLevel

关闭下拉二级面板。

# closeTwoLevel 兼容性 ?
Web微信小程序AndroidiOSHarmonyOS
VDOM Vapor VDOM Vapor VDOM Vapor
x√x5.34x5.34x5.34
# 参数
名称 类型 必填 兼容性 描述
options ScrollViewRefreshOptions 否
triggerRefresh、triggerTwoLevel、closeTwoLevel 的动画配置。
名称 类型 必备 兼容性 描述
duration number 否
动画时长,单位 ms;刷新默认 300,二级面板默认 500。
easingFunction string 否
动画曲线,默认 ease。
合法值 兼容性
"linear"
"ease"
"ease-in"
"ease-out"
"ease-in-out"