【微信小程序】关闭页面在IOS系统默认的橡皮筋功能（下拉刷新功能）

最新推荐文章于 2022-11-17 15:17:16 发布
最新推荐文章于 2022-11-17 15:17:16 发布
阅读量1.5k 收藏 2
点赞数
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43985637/article/details/105298457
版权

在需要关闭该功能的page.json页面设置"disableScroll": true

该处理办法只适用于页面page高度与屏幕高度相同
页面内利用scroll-view组件，区域内滚动

具体应用场景：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200427102446335.png
在这里插入图片描述如果不在page.json种配置"disableScroll": true
在ios设备上用户在顶部搜索框做下拉动作就会出现下图现象，
在这里插入图片描述

如果帮助到您，麻烦帮忙点个赞，哈哈~ღ( ´･ᴗ･` )比心

 _琳
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序scroll-view下拉刷新(附带下拉刷新效果)
11-19
微信小程序scroll-view下拉刷新(附带下拉刷新效果) 使用说明 https://blog.csdn.net/u012308481/article/details/102619511
微信小程序实现页面下拉刷新和上拉加载功能详解
10-17
主要介绍了微信小程序实现页面下拉刷新和上拉加载功能,结合实例形式分析了微信小程序页面下拉刷新和上拉加载相关事件监听与功能实现操作技巧,需要的朋友可以参考下
微信小程序实现下拉刷新动画
10-16
主要为大家详细介绍了微信小程序动画实现下拉刷新动画，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
(微信小程序毕业设计)iOS计算器(源码+截图).zip
03-19
(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码+截图)(微信小程序毕业设计)iOS计算器(源码
微信小程序demo：在线聊天功能(源代码+截图)
06-19
微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码+截图)微信小程序demo：在线聊天功能(源代码
taro开发微信小程序禁止下拉刷新(ios下拉出现空白问题)
weixin_50248346的博客
11-17 3591
一、问题描述 最近用tarojs在做一个小程序项目时，首页需要禁止下拉刷新，于是在page.json里面添加了这段话 "enablePullDownRefresh":false 全局关闭下拉刷新，这段话确实禁止了下拉刷新，无论是安卓手机端还是苹果端，但是在苹果端却出现了一个问题，整个页面虽然不能下拉刷新了，但是依然还可以下拉。视觉交互不允许我这么做， 二、解决方法 1、简单粗暴直接禁止页面的滚动，只需要在page.json里加上 disableScroll:true 注意这个属性只能单独加在需
小程序 - 禁止iphone手机页面下拉
sinat_33184880的博客
12-20 6620
小程序在安卓手机与iphone手机上展现的效果会有细微的区别，其中，iphone手机上不做任何设置的话，页面是可以整体下拉的，如图所示： 解决这个问题，只需要在对应页面的.json文件添加"disableScroll": true { "navigationBarTitleText": "个人中心", "disableScroll": true } ...
uniapp-微信小程序关于禁止ios自带的下拉上拉（橡皮筋回弹）
m0_61702149的博客
08-26 1万+
微信小程序禁止 ios 自带的下拉上拉回弹
微信小程序关闭苹果手机的下拉刷新
swx999的博客
05-14 916
在需要关闭的page.json里面添加： "disableScroll":true
禁止ios浏览器页面滚动的橡皮筋效果
天空之上有座城
04-08 1872
问题：在做手机端，通过拖拽调整某个div大小时，拖拽引起了整体页面的弹动 方法一：通过css设置body宽高 html, body { width: 100%; height: 100%; overflow: hidden } 方法二：阻止body的touchmove事件 单纯解决橡皮筋效果，可以将body的touchmove事件禁止，可以替代第一种方法 documen...
微信小程序ios滑动问题（滑动卡顿，下拉拖动自定义导航栏）
热门推荐
marendu的博客
07-18 2万+
微信小程序ios滑动问题（滑动卡顿，下拉拖动自定义导航栏） 1.ios中个别机型类似6s ，对微信自带的scroll-view无法滑动； 解决：在滑动内容区添加css属性，overflow: auto; 在其父级添加overflow: hidden ； 2.ios自带的滑动，滑动时会将自定义的导航栏，一起拖动。 解决：在全局配置中添加这2个属性即可 "window": { "disa...
微信小程序 ios自定义导航栏 下拉“橡皮筋” 效果
weixin_56444833的博客
01-29 2217
微信小程序 ios自定义导航栏 下拉“橡皮筋”效果
ios 下拉刷新_禁止移动端下拉和上滑的白边及下拉刷新
weixin_39643338的博客
11-29 1616
ios下拉和上滑会出现白边， android下拉会出现白边，部分浏览器出现下拉刷新问题（chrome，360浏览器）下面主要整理了下解决此问题测试用过的方案及存在的问题：方案一：documentpassive选项用于优化scroll和touch事件，避免页面卡顿现象，默认false，为true时表示不阻止默认事件，如果此时回调函数有 e.preventDefault，浏览器则会报错：优化原理：（以...
小程序IOS页面下拉回弹效果
IO14122的博客
08-12 4380
小程序IOS页面下拉回弹效果 ​ 小程序在ios系统上的橡皮筋回弹效果，是ios特有的，目前小程序没有特有的方法去控制。根据业务需求不想要这个回弹的效果，故此记录一下解决方案； 方案一：当页面内容比较少，且没有用到scroll-view组件时 ​ 在页面配置中添加：{"disableScroll": true} ，这个属性会禁止整个页面滚动。不适合页面有滚动区域的情况； 方案二：当页面上有滚动区域，使用了scroll-view时 ​ 在微信的官方文档scroll-view组件，上记录了两个属性，当en
【uniapp】小程序中的scroll-view禁止橡皮筋回弹效果以及隐藏滑动条
ONLYSRY的博客
08-24 5541
2.12.0版本更新 IOS 下 scroll-view 边界弹性控制 (同时开启 enhanced 属性后生效)以下为一个示例，复制粘贴run以下即可看到效果，苹果12 13机型实测没有问题。2.1.5 +后即可用show-scrollbar属性来控制是否显示滚动条。（禁止回弹，隐藏滚动条）
解决iOS小程序橡皮筋回弹效果遮挡页面
qq_39235090的博客
09-28 2935
iOS小程序页面有个橡皮筋回弹效果，就是向上拉到底部或向下拉到顶部都还可以再拉并且还会回弹一部分页面，导致顶部或者底部被遮挡一部分页面。安卓机完全没有这个东西，这个好像是iOS独有。 解决被挡部分页面，就是在最外层的view的class加上padding-top或padding-bottom。 ...
微信小程序在ios中下拉出现“橡皮筋”效果
黄腾霄的博客
07-14 3442
今天和大家聊一聊微信小程序在ios中下拉出现“橡皮筋”效果 问题现象 话不多说，先看代码（使用taro编写）。 代码很简单，一个flex的容器+一个允许进行下拉刷新的ScrollView，就组成了一个最简demo const TicketRecordsPage = () => { const revenueData = new Array(10).fill(0).map((_, i) => i) return ( <View className={styles['root
微信小程序中的iOS兼容性问题
ZJW222的博客
10-30 4380
记录下在微信小程序中遇到的一些兼容性问题，iOS兼容性 1.iOS中input的placeholder属性字体不居中 对placeholder设置line-height及font-size 对input设置高度 2.iOS中滚动卡顿 设置-webkit-overflow-scrolling:touch; 3.微信小程序中解决iOS中new Date() 时间格式不兼容 在实现倒计时，根据...
微信小程序下拉刷新页面
最新发布
05-19
微信小程序中可以使用下拉刷新组件 `scroll-view` 来实现下拉刷新页面的效果。具体步骤如下： 1. 在 `JSON` 文件中引入 `scroll-view` 组件并设置相关属性： ```json { "usingComponents": { "scroll-view": "/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值