uni-app nvue页面bounce为none无法关闭页面回弹

uni-app nvue页面bounce为none无法关闭页面回弹

信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Mac
PC版本号 10.15.7
HBuilderX 正式
HBuilderX版本号 3.0.7
手机系统 iOS
手机版本号 IOS 14
手机厂商 苹果
手机机型 iphone 12 pro max
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

示例代码：

{
    "path": "pages/index",
    "style": {
      "navigationBarTitleText": "首页",
      "enablePullDownRefresh": false,
      "app-plus": {
        "bounce":"none",   
        "titleNView": false  
      }
    }
}

操作步骤：

如下配置在真机/模拟器上都无法关闭回弹

{
    "path": "pages/index",
    "style": {
      "navigationBarTitleText": "首页",
      "enablePullDownRefresh": false,
      "app-plus": {
        "bounce":"none",   
        "titleNView": false  
      }
    }
}

预期结果：

希望关闭nvue页面的回弹效果

实际结果：

没有关闭

bug描述：

我的首页，也就是tabbar的第一个页面配置了

"app-plus": {
"bounce":"none",
"titleNView": false
}

但是页面下拉仍然有回弹效果

相关链接：


更多关于uni-app nvue页面bounce为none无法关闭页面回弹的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

安卓没有，如果真想有，可以用bindgx做一个动画

更多关于uni-app nvue页面bounce为none无法关闭页面回弹的实战教程也可以访问 https://www.itying.com/category-93-b0.html


解决了吗？

我也遇到了这个bug。请问解决了吗？只有ios环境下的nvue页面才出现这种情况。很郁闷。

bounce设置为none关闭回弹，nvue页面不支持

在nvue页面中，bounce配置需要特别注意以下几点：

  1. 对于tabbar页面，需要在pages.json中为每个tab页面单独配置bounce:none，全局配置可能不生效

  2. 正确的配置方式应该是：

{
  "path": "pages/index",
  "style": {
    "navigationBarTitleText": "首页",
    "enablePullDownRefresh": false,
    "app-plus": {
      "bounce": "none",
      "titleNView": false
    }
  }
}
  1. 如果仍然无效，可以尝试在页面onLoad时通过API动态设置：
uni.setPageStyle({
  style: {
    'app-plus': {
      bounce: 'none'
    }
  }
})
回到顶部