allowsBounceVertical

栏目： uniapp 发布时间：2025-09-18

滚动穿透（Scroll Penetration）是移动端Web/H5开发中常见的一种交互冲突现象，指当页面中存在可滚动区域（如弹窗、下拉菜单等）时，在滚动到该区域的边界后，继续滚动操作会意外触发底层页面的滚动。

本文记录一下解决支付宝小程序滚动穿透时额外的特殊配置。

在 ios 下，尽管尝试了解决滚动穿透的各种方法，解决确依然不尽人意，最终搭配使用了 allowsBounceVertical

我这个项目使用的是uniapp，所以配置在 pages.json 中

{
  "path": "views/pages/pay/index",
  "style": {
    "navigationBarTitleText": "支付",
    "allowsBounceVertical": false
  }
}

allowsBounceVertical 是否允许向下拉拽。默认 YES, 支持 YES / NO

在支付宝小程序中，该属性支持全局配置，也支持页面级配置，建议根据实际情况使用页面级配置，不然会影响正常页面的下拉刷新等功能。

本文地址：https://www.tides.cn/p_uniapp-allowsBounceVertical

推荐阅读