uniapp 之 nvue 填坑之路 —— 如何去掉 nvue 页面 ios 下拉刷新时自带的回弹效果

最新推荐文章于 2025-06-13 11:28:29 发布
原创 最新推荐文章于 2025-06-13 11:28:29 发布 · 6.5k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uniapp禁ios回弹效果

uniapp 文档有以下这句话，这句话是我向官方提了 bug 后加上去的

.nvue 页面仅支持 titleNView 配置，其它配置项暂不支持

其实 bounce 配置也起作用，只需要设置 “bounce”: “none”, 再加上 “enablePullDownRefresh”: false 或者不配置该项即可禁止掉 ios 下拉自带的回弹效果

[UNIAPP系列] IOS端取消橡皮筋回弹效果
weixin_45969775的博客
01-12 2965
APP-IOS端取消橡皮筋回弹效果
uniAPP IOS 端关闭滚动回弹效果
sinat_33255495的博客
12-27 2742
【代码】uniAPP IOS 端关闭滚动回弹效果。
nvue全攻略：从入门到性能优化
最新发布
菜喵的博客
06-13 2155
nvue 就像一道“麻辣香锅”，性能火辣但限制不少。只要掌握 Flex 布局、<text>组件、性能优化技巧，你就能用 nvue 开发出丝滑无比的 App！从长列表到视频滑动，从下拉刷新到复杂动画，nvue 都能让你“哇”一声！快去 HBuilderX 创建一个 nvue 页面，感受原生渲染的快感吧！想深入了解可参考官方文档！
uniapp 开发小程序 ios适配 页面回弹效果
ICodeAgriculTure的博客
10-27 3919
需求：所有页面的背景色都是统一的颜色，安卓的话是没什么问题的，但是ios上有一个页面上拉下拉的回弹效果 ，有就有吧，主要是这个回弹的背景色还不一样 ，一个灰色的主背景 下拉是一个白色的背景肯定是不行滴。正常情况下的话 如果的页面内容不多不会造成页面滑动的话 可以直接在pages.json里面加。这个是比较简单的 会加上背景色但是加的也不多 一直下拉的话还是能看到其他的背景色。-- 主要是用 scroll-view 标签包裹住内容 -->不过我们可以给页面上加一个scroll-view 标签。
uniapp 微信小程序禁止ios页面回弹（橡皮筋回弹）
weixin_64374806的博客
04-11 524
pages.json中添加属性 "disableScroll":true。
uniapp 关闭下拉上拉回弹 (页面上那个灰色半圆形)
Xiaomu_app的博客
04-27 892
在 page.json 页面配置 bounce 参数即可关闭回弹效果.
uniapp h5版ios input键盘 导致页面不回弹
成长笔记
01-17 1201
需要在input上绑定blur事件监听输入完成 data() { return { txPop:false, allMoney:'', money:'', windowHeight:0, } }, ...
uni-app在iOS移动端页面上下滑动关闭(页面回弹问题，非刷新)
litter_m的博客
05-20 8382
使用uni-app写出的App同时在安卓端和iOS运行对比时，发现在iOS会因为上下拉出现空白页，而安卓端并没有这种问题，通过查阅官网发现使用以下代码可以解决问题。 进入pages.josn文件找到想要禁止回弹的页面，在对应的style中添加以下代码 "app-plus":{ // 将回弹属性关掉 "bounce":"none" } 例如： "pages": [ //pages数组中第一项表示应用启动页 { "path": "pages/login/logi
uniapp解决首页subNvue，hide方法关闭不了问题
qq_27161847的博客
04-19 2060
uniapp解决首页subNvue，hide方法关闭不了问题 第一次进首页 subNVue 子窗体关闭正常，然后用uni.reLaunch再次跳转到首页后，hide方法关闭不了 问题出现原因reLaunch调用多次导致subNvue对象拿不到 在校验token添加代码 if(res.code==202) { var jump = uni.getStorageSync('jump') if (!jump) { uni.navigateTo({
uniapp nvue内容过长回弹问题
jueshileqishou01的博客
04-15 624
描述：nvue内容大于当前的screenHeight时候，就会出现回弹， 这个问题是Hbuilder编译的时候，自动加了一个scrollView 这个时候，pages.json按照如下配置，就可以关闭。 { "path": "", "style": { "disableScroll": true // 不嵌套 scroller } } 链接地址：uni-app 使用Weex/nvue的注意事项_w3cschool ...
uni-app禁用页面回弹效果
野猿新一
12-19 4620
uni-app页面默认有页面回弹效果，按住页面往下拉页面会往下拉伸，放开后会回弹。只需要将bounce设置成false即可。有时候不需要此效果，可以禁用掉。
scroll-view组件，在iOS设备上禁用橡皮筋回弹效果
T3165919332的博客
12-02 1214
在实现uniapp微信小程序的一个项目时，ios真机测试，scroll-view组件可以向下拉动一段距离然后又回弹。组件的属性来禁用橡皮筋回弹效果。可以关闭iOS回弹效果‌。
小程序页面 关闭iphone上下回弹,以及无法滚动
阿臻
07-19 2099
小程序页面无法上下滚动 disableScroll 使用了此配置项,此配置项在iPhone 里面会禁止上下回弹效果,但在Android里面会禁止页面上下滚动 建议:在父盒子使用overflow-y:scroll;即使配置了disablescroll也可以上下滚动(吐槽uniapp文档) ...
IOS端小程序橡皮筋回弹效果解决方案及坑总结（uni-swipe-action在IOS端的坑）
weixin_42125732的博客
09-27 1万+
当我们使用uni-swipe-action 滑动这个组件进行左侧滑动删除时，我们会发现安卓手机正常 ，但是IOS手机由于存在bounce效果，会出现抖动的效果，导致我们左侧滑动点击删除时，会有一个橡皮筋的回弹效果，此时我们就需要解决它 1.页面无滚动区域时，可通过页面json配置文件设置disableScroll:true禁止整个页面滚动，从而取消橡皮筋效果。（注意是无滚动区域--因为如果你需要滚动的话就都被禁止滚动了） { "disableScroll":true } 2.页面有滚动区域时，你
uniapp scroll-view 下拉刷新动画无法关闭问题
anjignren的博客
08-24 3830
uniapp scroll-view做的下拉刷新动画无法关闭问题
uniapp-微信小程序关于禁止ios自带的下拉上拉（橡皮筋回弹）
热门推荐
m0_61702149的博客
08-26 1万+
微信小程序禁止 ios 自带的下拉上拉回弹
uniapp app滑动、触摸时页面出现抖动拉伸解决
weixin_68658847的博客
07-11 716
uniapp app滑动、触摸时页面出现抖动拉伸解决
uniapp 实现上拉阻尼效果(橡皮筋回弹) -仿ios底部回弹
Echo24_R的博客
03-05 1806
uniapp 实现滑动到底部出现文字，并且再次上拉出现仿ios阻尼效果（橡皮筋回弹），可实现回弹跳转页面或上拉加载更多
uniapp上拉到达底部加载，返回顶部，下拉刷新
weixin_45849330的博客
04-29 1049
// 1、使用scroll-view方法，scroll和scrolltolower <scroll-view @scroll="scroll" @scrolltolower="scrolltolower" scroll-y scroll-with-animation :scroll-top="scrollTop" class="wh"> </scroll-view> <view v-if="old.scrollTop > 500" @click="returnTop"
uniapp ios 禁止页面下拉刷新
12-11
在uniapp中，禁用iOS页面的下拉刷新功能可以通过以下几种方法实现： 1. **全局配置禁用下拉刷新**： 在`pages.json`文件中，可以通过配置全局的`enablePullDownRefresh`属性来禁用所有页面的下拉刷新。 ```json { "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页", "enablePullDownRefresh": false } } ], "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8", "enablePullDownRefresh": false } } ``` 2. **单个页面配置禁用下拉刷新**： 如果只需要禁用某个特定页面的下拉刷新，可以在对应页面的配置中设置`enablePullDownRefresh`为`false`。 ```json { "path": "pages/detail/detail", "style": { "navigationBarTitleText": "详情页", "enablePullDownRefresh": false } } ``` 3. **动态禁用下拉刷新**： 如果需要在运行时动态禁用下拉刷新，可以使用`uni.setEnablePullDownRefresh`方法。 ```javascript export default { onLoad() { uni.setEnablePullDownRefresh(false); }, onUnload() { uni.setEnablePullDownRefresh(true); } } ``` 4. **监听下拉刷新事件并阻止默认行为**： 通过监听`onPullDownRefresh`事件，并在事件处理函数中调用`uni.stopPullDownRefresh`来阻止下拉刷新。 ```javascript export default { onPullDownRefresh() { console.log('下拉刷新被触发'); uni.stopPullDownRefresh(); } } ``` 以上方法可以根据具体需求选择使用，以确保在iOS设备上禁用页面的下拉刷新功能。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值