uni-app pages.json中设置了"bounce": "none"后 app中依旧存在回弹效果

uni-app pages.json中设置了"bounce": "none"后 app中依旧存在回弹效果

开发环境 版本号 项目创建方式
PC开发环境 Windows 10 1909 HBuilderX
手机系统 iOS
手机系统版本号 iOS 14

操作步骤：

  • hbuilder创建uniapp项目，设置pages.json页面添加"bounce": “none”，用hbuilder 3.1.8.20210406云端打包

预期结果：

  • ios不显示回弹效果

实际结果：

  • iphone12(ios 14.4.2)依旧有回弹效果

bug描述：

  • hbuilder 3.1.8.20210406，所有页面都加了"bounce": “none”，云端打包后，iphone 12(ios 14.4.2)页面依旧有回弹效果，iphone XR(ios 12.2)没有问题

更多关于uni-app pages.json中设置了"bounce": "none"后 app中依旧存在回弹效果的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

临时解决办法：position absolute或者fixed脱离文档流

更多关于uni-app pages.json中设置了"bounce": "none"后 app中依旧存在回弹效果的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这样还是不能解决啊

我也遇到了这种情况，测试环境IPhone 8P，ios始终有bounce回弹

狗垃圾 uni-app 这么多问题都不解决。

在 iOS 14 及以上版本中，仅通过 pages.json 设置 "bounce": "none" 可能无法完全禁用回弹效果。这是因为 iOS 系统对 WebView 滚动行为的处理有所变化。建议在页面的 onLoad 或 onReady 生命周期中，通过 uni.pageScrollTo 方法动态设置页面不可滚动，例如：

onReady() {
  uni.pageScrollTo({
    scrollTop: 0,
    duration: 0
  });
}

同时，检查页面样式是否包含 overflow: auto 或 -webkit-overflow-scrolling: touch，这些属性可能引发回弹。可以尝试在 App.vue 的全局样式中添加：

page {
  overflow: hidden;
}
回到顶部