【uniApp】解决支付宝小程序平台上的页面禁止拖动

最新推荐文章于 2024-06-11 15:02:54 发布
最新推荐文章于 2024-06-11 15:02:54 发布
阅读量2.9k 收藏 3
点赞数 3
CC 4.0 BY-SA版权
分类专栏： uni-app 文章标签： uni
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cxy18137478587/article/details/123737148
本文介绍了如何在uniApp中针对支付宝小程序平台，通过pages.json配置禁止页面的垂直拖动，主要涉及allowsBounceVertical属性的使用。

在pages.json文件中，找到需要禁止拖动的页面path，在style添加mp-alipay属性，设置编译到 mp-alipay 平台的特定样式。

其中有allowsBounceVertical属性 ：是否允许向下拉拽。支持 YES / NO

"mp-alipay":{
	"allowsBounceVertical":"NO"
}

代码例子：

taro 兼容支付宝小程序和微信小程序＜八＞-- map组件 支付宝小程序在缩放地图后，再拖动，地图会自动恢复到缩放前得比例
hanchengmei的博客
12-08 1101
1. 支付宝小程序map地图缩放后，在移动，会自动恢复到缩放前的比例 2. 如果设置了include-points，支付宝小程序在拖动地图时 include-points 还是会起作用
【uniapp】开发支付宝小程序 — 注意事项
Minions_Fatman的博客
08-12 1597
button 边框有黑线 解决办法 btn{ border: 1px solid transparent; } .btn{ padding: 0; margin: 0; border: 1px solid transparent; line-height: initial; height: initial; } .btn::after{ display: none; } 自定义导航栏问题 自定义导航栏时Title为空： “navigationBarTitleText”: “”, p
钉钉小程序禁止下拉
weixin_42327537的博客
09-07 1482
allowsBounceVertical指为NO,禁止弹性下拉与上拉 allowsBounceVertical指为YES,允许弹性下拉与上拉 在json页面配置一下就好了
支付宝小程序页面禁止下拉
栈溢出的博客
12-24 528
【代码】支付宝小程序页面禁止下拉。
支付宝小程序禁止页面弹性下拉或上拉
YourNikee的博客
07-22 3954
官方 在你的app.json—window中加入 "allowsBounceVertical":"NO"
微信小程序uniapp日历组件，可以自定义文案，可以上下滑动选择日期
03-01
而uni-app则是一个多端开发框架，它允许开发者使用一套代码来构建iOS、Android、H5、微信小程序、支付宝小程序等多个平台的应用。在这个场景下，我们讨论的是uni-app在微信小程序中的一个关键功能——日历组件。 ...
微信小程序仿支付宝应用管理，首页应用图标长按拖动排序，移除
03-12
总结来说，实现微信小程序仿支付宝应用管理功能涉及到长按拖动排序、移除应用等多个技术点，需要对小程序的API和数据管理有深入理解。通过精心设计和优化，可以为用户提供更加便捷和个性化的体验。
uniapp开发支付宝小程序
最新发布
11-13
使用UniApp开发支付宝小程序是一种高效的方式，能利用一套代码跨平台部署。以下基于支付宝官方文档和实践经验，整理出完整的开发方法和常见注意事项，帮助您快速上手。内容参考了站内引用材料[^1][^2][^3]，确保真实...
支付宝小程序如何去除页面下拉回弹
hanchengmei的博客
05-11 752
官方文档：https://opensupport.alipay.com/support/FAQ/7110b5d2-f774-44be-8678-cc39a24a90f0。页面xx.config.js中设置：allowsBounceVertical: “NO”描述：支付宝小程序页面下拉时会产生回弹，如果页面上有拖拽功能，会有影响。
uniapp-支付宝小程序禁止下拉刷新
chenmomo_csdn的博客
06-11 468
在pages.json里面进行配置页面的地方找到每个页面的style属性，加入一下代码即可！
小程序 禁止页面上下滑动及回弹问题
豆。的博客
06-02 6901
出现的问题： 小程序上下滑动时，会有上拉下拉的情况出现松开手指后会回弹，对于有些需要滑动的时候这个情况就会感觉体验贼差。 因为这情况与高度没关系所以设置 height:100%; 就没什么用了，当时就想到 overflow: hidden; ，但是我给我的最外层view加了后，并没出现预期效果。 解决方法： 在page里加 overflow: hidden; 示例 page { overflow: hidden; } ...
uniapp在app端页面上下左右滑动问题，禁止上下左右滑动影响canvas和触摸事件
qq_42682622的博客
03-24 6342
当在app端运行uniapp项目时会有页面回弹效果，即页面拉到最上面或最下面时有一定的拉伸效果让页面更加柔和，但有些场景我们不希望有这种效果，比如页面中有触摸事件产生图形化效果时，比如有个能画画的canvas画布时此时如果存在回弹效果或滑动效果就会影响画图，通过上图中搜索框和canvas画布的拉伸可以看出影响。
小程序禁止页面上下滑动
Iphone886的博客
02-10 628
单页面禁止上线下滑动，页面弹窗后，页面禁止上下滑动
小程序uni-swiper-action-item滑动不了
weixin_68854196的博客
02-03 1202
要在options前面加上right或left。
支付宝小程序——滑动删除事件数据拼装
chixin5547的博客
07-30 652
<script type="text/javascript"> var res = [ { key: '业务部', typecode: '01', peopleList: [{ ...
uni-app禁止小程序上下滑动ios
weixin_58476488的博客
03-16 2334
只需要在pages.json中全局样式globalstyle中添加disablescroll：true即可 代码如下： "globalStyle": { // 禁止页面被拖动 "disableScroll":true },
解决Taro在支付宝小程序中阻止滚动穿透的问题，钉钉小程序阻止滚动穿透
m0_57261384的博客
11-23 1248
问题描述：在支付宝小程序真机预览中，使用 Picker 选择器的时候，滑动其中的滚动项，因为冒泡事件的原因会触发外层盒子的滚动，试过阻止冒泡事件，没用，样式阻止外层滚动也没用
小程序显示弹窗时禁止下层的内容滚动
岁末zzz的博客
06-25 843
用 catchtouchmove=“return” //此处为弹窗内容 <view catchtouchmove="return"> //外层加 catchtouchmove="return"仅触摸背景区域时不穿透底部. <view catchtouchmove="return"></view> //在每个小的区域内加 catchtouchmove=...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值