ios移动端滑动抖动的bug

ios 端滑动抖动bug

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