如何在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 个回复

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"  
        }  
    }  
}