小程序 经典坑解决技巧记录

最新推荐文章于 2025-09-13 00:03:30 发布
原创 最新推荐文章于 2025-09-13 00:03:30 发布 · 211 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在iOS应用中禁用橡皮筋效果的有效方法，通过在根节点标签上添加catchtouchmove=return属性，可以阻止橡皮筋效果的产生，提升用户体验。
  1.  IOS 如何有效禁用橡皮筋效果

橡皮筋效果在某些功能场景下有多恶心就不赘述了，解决方法如下：

在根节点标签加上  catchtouchmove="return" 即可阻止橡皮筋效果产生。

Tips: 对cover-view无效

 

小程序开发环境搭建指南：避坑技巧大公开
小程序开发
07-13 1020
本文目标是帮助零基础开发者快速完成小程序开发环境搭建，覆盖微信/支付宝/抖音等主流小程序平台的通用操作（以微信小程序为主），重点解决“安装失败”“配置错误”“项目无法运行”等高频问题。本文按“故事引入→核心概念→操作步骤→避坑指南→实战演示”逻辑展开，先通过生活化案例建立认知，再拆解技术细节，最后用实际项目验证环境有效性。开发者工具：小程序官方提供的集成开发环境（IDE），包含代码编辑、调试、预览、上传等功能（类比“装修房子的工具箱”）AppID。
支付宝小程序与服务端API交互坑太多？你真的准备好了吗？
**My Coding Family**
06-05 897
🏆本文收录于《滚雪球学支付宝小程序开发》专栏，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！
IOS端小程序橡皮筋回弹效果解决方案及坑总结（uni-swipe-action在IOS端的坑）
weixin_42125732的博客
09-27 1万+
当我们使用uni-swipe-action 滑动这个组件进行左侧滑动删除时，我们会发现安卓手机正常 ，但是IOS手机由于存在bounce效果，会出现抖动的效果，导致我们左侧滑动点击删除时，会有一个橡皮筋的回弹效果，此时我们就需要解决它 1.页面无滚动区域时，可通过页面json配置文件设置disableScroll:true禁止整个页面滚动，从而取消橡皮筋效果。（注意是无滚动区域--因为如果你需要滚动的话就都被禁止滚动了） { "disableScroll":true } 2.页面有滚动区域时，你
微信小程序禁用页面滚动的几种方式
weixin_53641562的博客
06-03 3833
微信小程序禁用页面滚动的几种方式
微信小程序自定义弹窗后禁止页面滑动的两种情况
彩虹
10-22 1974
1.页面根部不使用scroll-view a) 弹窗无滚动效果 如果弹窗不需要滚动, 直接在弹窗的根节点添加 catchtouchmove="return" b) 弹窗有滚动效果 如果弹窗需要滚动; page{ height: 100% } .container // 页面根节点 style="{{overflow-y: flag? 'hidden':'auto'}}"...
那些小程序的坑
xc_ling的博客
01-22 731
最近在看小程序，顺便自己也做了一下啊，发觉小程序坑真的蛮多的。 一、关于授权登录wx.login() 我想要一个手机授权登录的登录方式，但是因为是个人认证，appid没有这种权限。wx.login()针对非个人认证的小程序开发，当创建小程序项目时，用的是个人认证的appid时，则可以利用wx.login()获得一个有效的code，但是在用户确认授权登录时使用getPhotoNumber时会提示...
小程序弹出弹框后，底层内容禁止滚动
qq_37017864的博客
05-31 6123
方法一： 给背景内容加position：fixed， 不可取，因为底部内容会自动滑动到顶部 <view class="back-content" :class="'isFixed':isFixed"></view> <view class="modal"></view> css： .fixed{ position:fixed; top:0; ...
微信小程序demo：跟读：附大量作者跳坑记录：录音上传59.zip
05-04
本压缩包“微信小程序demo：跟读：附大量作者跳坑记录：录音上传59.zip”包含了微信小程序在开发过程中涉及到的一个具体应用场景——“跟读”功能的示例代码，以及作者在开发过程中遇到的问题和解决方案。...
微信小程序缓存又双叒叕失效了？这6个排查技巧让你10分钟定位问题！
最新发布
我爱娃哈哈的专栏
09-13 944
分层排查：从前端到后端，逐层定位问题策略合理：不同数据不同缓存策略，该长期的长期，该短期的短期版本管理：缓存要有版本概念，升级时及时清理监控到位：建立缓存监控，早发现早处理“一确认二排查三修复四预防”，下次遇到小程序缓存问题不慌！最后提醒一句：缓存是把双刃剑，用好了能大幅提升性能，用不好就是坑队友的利器。希望大家都能成为缓存使用的高手！关注我，不迷路，持续分享后端技术干货！公众号：服务端技术精选声明：本文原创，转载请注明出处。
填坑总结：python内存泄漏排查小技巧（csdn）————程序.pdf
12-05
进一步分析线上调用记录，发现在近期新接入的客户中，错误图片的处理频率增加，触发了这个问题的显现。 **解决方法** 针对这个问题，可以优化异常处理代码，确保每次异常抛出时创建新的异常实例，而不是复用全局...
解决ios微信小程序弹框点击穿透问题
weixin_40030173的博客
08-19 2678
在弹框外层 加上catchtouchmove=“return” 即可 <view class="box" catchtouchmove="return"> //略 </view>
解决微信小程序穿透事件&&不影响弹出层滚动事件
weixin_40030173的博客
10-19 578
爬坑之路如此漫长 情况一、弹出层无滚动事件 情况二、
微信小程序弹出层禁止页面滚动
换日线的博客
07-01 601
效果图如下 是否随页面滚动 catchtouchmove true开启 return关闭 .wxml <button bindtap="switch">上下滑动({{catchtouchmove?'开':'关'}})</button> <button bindtap="modal">弹出层</button> <view bindtap="modal" class="modal" wx:if="{{modalName}}" catchtouc
【小程序】如何解决小程左滑删除功能ios的橡皮筋回弹
搬砖小鱼，请多指教呦
03-23 789
我尝试了很多方法终于让我找到一个超级超级超级简单的方法啊兄弟姐妹们！！ 根元素设置：catchtouchmove="return" <view catchtouchmove="return"> </view> 你滑任你滑，左滑不再有上下的橡皮筋回弹！正常下拉还是有的哦～ ...
uniapp 小程序封装左滑效果组件
m0_64344940的博客
10-10 1190
uniapp 小程序封装左滑效果组件
微信小程序canvas弹框固定不动
haha57的博客
06-18 2819
在开发小程序页面时，弹框的内容里包含canvas组件，由于canvas不能用定位fixed，导致底部页面滚动条滚动时，导致弹框里的canvas也跟着动，如下图所示，canvas里的二维码随着滚动条移动出界。 解决办法是：在包含canvas的view设置catchtouchmove="return" ，这样就可以阻止触摸屏穿透底部页面滚动，防止canvas组件滑动出界，代码简写大概如下所示。 <!-- 背景阴影 --> <view catchtouchmove="return".
H5长按及取消复制
weixin_45102016的博客
03-24 706
<div class="reply-item" @touchstart="touchStart(item, $event)" @touchmove="touchMove()" @touchend="touchEnd()" > </div> touchStart(item, event) { var that = this;...
关于支付宝小程序 onTouchMove 和 catchTouchMove 事件会带动兄弟组件滑动的问题以及解决方法
weixin_44758974的博客
08-25 1388
在支付宝小程序中两个兄弟view，底部 view 的高度超出屏幕可上下滑动，上面的 view 宽高为100rpx，设置 onTouchMove 或者 catchTouchMove 会带动大的 view 滑动。起初认为是冒泡事件的作用，但是排除了，首先冒泡事件是子组件向父组件传递，而现在是两个兄弟组件。最后解决方法是在大的 view 外面套一个 scroll-view 组件，通过控制。来控制下面大的view组件的滑动。在覆盖在上面的小 view 组件添加。
小程序弹窗，使用catchtouchmove的问题
热门推荐
u010809694的博客
03-07 3万+
1、需求： 公司的一个小程序，在列表界面弹窗显示详细的进度信息，类似客户端APP的alert弹窗，只是里面的内容不一样 2、遇到的问题： 使用fixed定位之后，滑动弹出的视图，发现根页面page也跟着滑动， 3、解决问题： 刚开始查看了官方文档，也在网上找了些资料，还是没有发现好的解决的方式，最后居然被我试出来了 解决方式如下： 1、弹窗背景使用fixed定位，占满全屏，设置半透明...
微信小程序录音上传功能实现及坑点总结
在这个特定的demo中，开发者创建了一个支持跟读功能的小程序，并在实现录音上传功能的过程中记录了遇到的问题和解决方案。demo中包含了源代码和截图，用于展示如何构建这样的小程序，并提供给其他开发者学习和参考。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

97pra

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值