小程序列表左滑效果在IOS呈上下滑动影响样式

在实际开发中，很多时候，苹果手机对小程序不够友好，类似上图，在实现小程序列表左滑效果的时候，安卓手机上测试都很正常，也很流畅，但是在苹果手机上却会出现这样的bug，滑动的时候，列表不但可以左滑，还可以上下左右滑动，这不是我想要的效果~

有时候添加一张背景图片的时候，在ios系列的手机上也会出现这样的一个问题。

解决的办法

在页面的.json中添加一条配置即可解决这个问题.
"disableScroll" :true,

图片.png

原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，对于博客上面有不会的问题，可以加入qq技术交流群聊：473819131。

小程序列表左滑效果在IOS呈上下滑动影响样式相关推荐

uniapp 小程序封装左滑效果组件
uniapp 小程序封装左滑效果组件引言封装组件页面使用注意事项引言小程序电商项目购物车,往往都会有左滑删除功能,在不想使用插件的前提下,就需要自己编写,因此我个人写了一个左滑效果组件封 ...
原生小程序实现左滑触线删除按钮
原生小程序实现左滑触线删除按钮效果 wxml js wxss 注意⚠️ 效果 wxml  <view class="data_view" ...
微信小程序日历左滑右滑特效
自己写了个小程序左滑右滑的特效,可以用来左右切换日历,日历的渲染很简单,参考电脑的日历位置摆放好即可,在此我只写出滑动特效的代码,以供参考. 一.datepicker.wxml的页面结构 <vi ...
微信小程序实现左滑删除
wxml代码: <view class="global"><movable-area class="area"><movable- ...
slide-view 微信小程序官方左滑删除组件
github 地址: slide-view 使用方法安装 slide-view npm install --save miniprogram-slide-view 在需要使用 slide-view ...
微信小程序 - 实现左滑动删除功能
微信小程序 - 实现左滑动删除功能效果图: 实现过程: 一.wxml布局这里我是先用了一个大盒子包裹小盒子,然后小盒子里面进行左右布局(左边为内容部分,右边为删除按钮)的方式实现的 <vie ...
微信小程序列表实现文字内容超出隐藏并显示全文/收起按钮
微信小程序列表实现文字内容超出隐藏并显示全文/收起按钮针对这个功能,产品的需求如下由于我们项目是教育类产品所以这里这个功能会用在发动态这里,就像微信朋友圈那样,我们叫班级圈. 用户发班级圈时,可以 ...
微信小程序实现城市选择效果(超详细)
直接进入正题首先在项目中同级创建一个components文件夹,在文件夹下创建region-picker文件夹,在该文件夹点击右键新建Component就会创建名为 region-picker.js ...
小程序动画animation向左移动效果
今天在家做一个私活,效果类似于淘宝的筛选功能,微信小程序商品筛选,侧方弹出动画选择页面,研究了一下小程序的动画相关的文档,于是又get到了一个新的小程序技能,小程序动画animation向左移动效果. ...
Android仿微信首页下拉显示小程序列表
花点时间重新熟悉一下AndroidUI方面的东西,把古董PullToRefreshView又撸了一遍,技术这种东西真是忘得快啊...在基础上新增一点东西,粗糙地实现了仿微信首页下拉显示小程序列表的样式 ...

小程序列表左滑效果在IOS呈上下滑动影响样式

解决的办法

小程序列表左滑效果在IOS呈上下滑动影响样式相关推荐

最新文章

热门文章