大学生之家,大学生资讯发布平台
大学生之家

小程序增强 ScrollView 实例ScrollViewContext

    发布时间:2025-04-06    阅读:
    来源:大学生之家
ScrollViewContext
增强 ScrollView 实例,可通过 wx.createSelectorQuery 的 NodesRef.node 方法获取。 仅在 scroll-view 组件开启 enhanced 属性后生效。

属性
boolean scrollEnabled
滚动开关

boolean bounces
设置滚动边界弹性 (仅在 iOS 下生效)

boolean showScrollbar
设置是否显示滚动条

boolean pagingEnabled
分页滑动开关

boolean fastDeceleration
设置滚动减速速率

boolean decelerationDisabled

取消滚动惯性 (仅在 iOS 下生效)

方法
ScrollViewContext.scrollIntoView(string selector)
滚动至指定位置

参数
string selector
元素选择器

滚动至指定位置
ScrollViewContext.scrollTo(Object object)
滚动至指定位置

参数

Object object
属性    类型    默认值    必填    说明
top    number        否    顶部距离
left    number        否    左边界距离
velocity    number        否    初始速度
duration    number        否    滚动动画时长
animated    boolean        否    是否启用滚动动画
示例代码

wx.createSelectorQuery()
  .select('#scrollview')
  .node()
  .exec((res) => {
    const scrollView = res[0].node;
    scrollView.scrollEnabled = false;
  })
计算机学习推荐
  • 扫一扫 分享悦读 ➤
  • 扫码可以分享到微信 qq朋友圈
计算机学习热点