微信小程序scroll-view滚动时onScroll返回值存在偏差

栏目： mina 发布时间：2023-04-26

在某个小程序项目中，我们有个需求要求横向展示的场馆名称（场馆名称较多，支持横向滑动）与横向滚动的 scroll-view 同步滚动。由于场馆名称使用了 position: fixed 布局，需要对 scroll-view 进行 onScroll 的监听

onScroll(e) {
  this.setData({
    scrollLeft: e.detail.scrollLeft
  })
}

我们发现，scroll-view 已经滚动到最左边了，但是 e.detail.scrollLeft 可能还会返回一个非零的值，这是由于 scroll-view 内部做了一些节流，造成部分事件丢失引起的。

解决方案：

给 scroll-view 传入 throttle="{{false}}"

<scroll-view  throttle="{{false}}"></scroll-view>

加上上述代码后，不管怎么滑动 scroll-view ，onScroll 返回值都不再有偏差了。

本文地址：https://www.tides.cn/p_mina-scroll-view-onscroll-scrollleft-not-correct

推荐阅读