ios 端滑动抖动bug

在安卓上不会有问题，在ios 上滑动出现抖动情况
先上图

类似这种滑动出现，目前有几种可能会影响：
1、蒙层fixed定位，子盒子在用fixed定位会出现这个情况。解决办法就是把fixed定位不放在蒙层这个父盒子里面。
2、-webkit-overflow-scrolling : touch这个属性也会影响滑动抖动，建议去掉。
其实ios端不设置overflow：scroll也能正常滑动，设置了就要设置-webkit-overflow-scrolling : touch这个属性开启硬件加速，不然滑动特别顿。个人建议一般滑动不设置overflow这个属性。
这个抖动是ios才会出现的，如果不调整盒子位置，两层fixed定位会出现很多bug。个人建议少用父子盒子同时用fixed。

ios移动端滑动抖动的bug相关推荐

纯css隐藏移动端滚动条解决方案（ios上流畅滑动）
html代码展示(直接复制代码保存至本地文件运行即可): <!DOCTYPE html> <html lang="en"><head><m ...
JS监听手机物理返回键（及IOS微信端的bug）
需求场景有一天,头儿给我提了这样一个需求: 无论页面如何跳转,在首页的时候再按返回,直接退出... 解决思路关闭网页好说,由于我们的项目是微信公众号,直接调用微信浏览器的内置函数: WeixinJ ...
解决移动端滑动方向相反
解决移动端滑动方向相反安卓移动端滑动时,手指没离开屏幕时滑动正常,手指一离开屏幕就往反方向滑,ios是没有问题的. 解决方案:检查列表盒子的overflow:hidden属性,去除即刻.
bootstrap轮播如何支持移动端滑动手势
1.下载滑动手势 js 插件:hammer.js //cdn.bootcss.com/hammer.js/2.0.8/hammer.min.js 2.写一个javascript命令调用hammer.j ...
Angular中修改第三方组件的样式 - zorro日期选择器右端不对齐的BUG
在一列上同时使用zorro的日期选择器和input组件会出现右端不对齐的BUG(nzSpan设置为一样) 上图中3个表单项:单据日期.开票.交货方式,nzSpan数值是一样的,可以看到日期选择器和下面 ...
iOS 移动端生成工具开发
代码地址如下: http://www.demodashi.com/demo/11284.html 一.准备工作编译环境 xcode 用于生成冗余架构代码, 实现生成零耦合架构二.程序实现上个月的 ...
app内嵌h5页面在ios手机端滑动卡顿的解决方法
app内嵌h5页面在ios手机端滑动卡顿的解决方法参考文章: (1)app内嵌h5页面在ios手机端滑动卡顿的解决方法 (2)https://www.cnblogs.com/1rookie/p/11 ...
cocos creator2.3.5休闲游戏英文版（连连看）源码H5+安卓+IOS三端源码
cocos creator2.3.5休闲游戏英文版(连连看)源码H5+安卓+IOS三端源码,开发脚本为typeScript方便扩展和阅读,支持cocos creator2.X版本,完整的源码可直接运营 ...
unity3D埃及探险游戏源码，支持安卓+IOS双端 unity2019 C#语言开发
unity3D埃及探险游戏源码,支持安卓+IOS双端 unity2019 C#语言开发.完整的源码可直接运营.拿来学习研究和二次开发都很不错. 源码下载 unity3D埃及探险游戏源码C#语言开发.完 ...

ios移动端滑动抖动的bug

ios 端滑动抖动bug

ios移动端滑动抖动的bug相关推荐

最新文章

热门文章