1***@qq.com
1***@qq.com
  • 发布:2020-11-25 17:45
  • 更新:2021-11-11 12:20
  • 阅读:1633

如何在nvue页面中取消iOS的bounce回弹效果

分类:uni-app

如何在nvue页面中取消iOS的bounce回弹效果
pages.json文件,pages对象配置页面

{  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "nvue页面 测试",  
                "app-plus": {  
                    "bounce": "none"  
                }  

            }  
        },  
        {  
            "path": "pages/index2/index",  
            "style": {  
                "navigationBarTitleText": "vue页面 测试",  
                "app-plus": {  
                    "bounce": "none"  
                }  
            }  
        }

内容超出一屏后,nvue还是有回弹效果,vue 并没有。附件如下,

2020-11-25 17:45 负责人:无 分享
已邀请:
DCloud_uniCloud_JSON

DCloud_uniCloud_JSON

<scroll-view :bounce="false" scroll-y style="height: 500px;">  
 <view v-for="i in 100" :key="i" class="a">本页是nvue页面</view>  
</scroll-view>
  • 维羊

    你这样写的话 ios上没办法触发下拉刷新组件refresh

    2020-11-28 11:47

  • DCloud_uniCloud_JSON

    回复 维羊: nvue页面中建议直接使用<refresh> 为容器提供下拉刷新功能。在nvue上,可通过此组件实现灵活的、自定义的、高性能的下拉刷新。

    2020-11-28 11:55

1***@qq.com

1***@qq.com (作者)

如果是作为页面级滚动容器,需要在pages.json下该页面添加下"disableScroll": true

{  
    "path": "pages/index2/index",  
    "style": {  
        "disableScroll": true,  
        "app-plus": {  
            "bounce": "none"  
        }  
    }  
}               
5***@qq.com

5***@qq.com - 郑小超

"bounce": "none" 没有用啊,还是回弹。我是首页

言谷

言谷

我也遇到这种情况。
测试环境:iphone 8P ios 14.4.2
nvue 的页面回弹bounce 设置了也无效,还是有回弹。
同问,如何取消ios 下nvue页面的bounce回弹效果呢?

  • 雅望

    解决了吗?

    2023-04-08 10:46

该问题目前已经被锁定, 无法添加新回复