当前位置:首页 > 前端 > 正文内容

uniapp 关闭下拉上拉回弹 (页面上那个灰色半圆形)

小木2年前 (2023-04-27)前端20340

需要关闭 uniapp 下拉回弹效果和上拉回弹效果.
也就是页面上滑动是出现的那个灰色半圆形.
只需要在 page.json 页面配置 bounce 参数,即可关闭回弹效果

单页面关闭回弹

{ 
    "path": "pages/index/index",
    "style": { 
        "navigationBarTitleText": "关闭回弹",
        "app-plus":{ 
            "bounce":"none"
        }
    }
}

全局关闭回弹

"globalStyle": {
    "app-plus": {
        "bounce": "none"
    }
}

扫描二维码推送至手机访问。

版权声明:本文由小木发布,如需转载请注明出处。

本文链接:https://xiaomu.site/post/4.html

标签: uniapp
分享给朋友:
返回列表

没有更早的文章了...

下一篇:使用js给网页添加提示音或播放音效

“uniapp 关闭下拉上拉回弹 (页面上那个灰色半圆形)” 的相关文章

Element UI tabs标签页实现鼠标悬浮切换

Element UI tabs标签页实现鼠标悬浮切换

将 Element UI tabs标签页默认的点击切换改成鼠标悬浮就自动点击(实现类似hover切换的效果) 前提: chatgp 跟我说 telement ui 有自带的悬停切换功能, 使用 <el-tabs tab-position="top" tab-hover> 实现, 但是经...