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

分类：uni-app

bounce iOS nvue

如何在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 并没有。附件如下，

kebab-case.zip

2020-11-25 17:45 负责人:无分享

4 个回复

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

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

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 (作者)

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

{  
    "path": "pages/index2/index",  
    "style": {  
        "disableScroll": true,  
        "app-plus": {  
            "bounce": "none"  
        }  
    }  
}

[已删除]

谢谢

2021-11-26 21:23

言谷

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

雅望

解决了吗？

2023-04-08 10:46

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

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

4 个回复

公告

相关问题

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

与内容相关的链接

4 个回复

公告

相关问题