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

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

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

需要关闭 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 关闭下拉上拉回弹 (页面上那个灰色半圆形)” 的相关文章

vue el-dialog 内的tinymce弹窗被遮挡的解决办法

vue el-dialog 内的tinymce弹窗被遮挡的解决办法

问题一: 在el-dialog中使用tinymce富文本时, 点击富文本的功能按钮, tinymce的弹出层的层级过低, 导致被el-dialog盖住了弹窗. 解决: 在F12中找到控制tinymce弹窗层级的样式 直接修改样式没有生效, 加穿透也没生效, 最后发现是因为加了 scop...

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

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

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