ios 设备滑动卡顿问题解决

今天在IOS系统上测试博客的时候发现使用了position:fixed/absolute时,发现滑动没有像普通页面一样顺畅,手滑到哪就停到哪。感觉很卡一样,而安卓效果正常,算是一个bug,只需要一行 css 代码就可以解决这个问题

在需要滚动的地方加上这行代码完美的解决了这个 bug

-webkit-overflow-scrolling:touch;

据说是因为这行代码启用了硬件加速特性,所以滑动很流畅。但是这个属性也会相对耗费更多内存

对于这个问题想要深入了解的童鞋可以戳这里解决页面在iOS上滑动卡顿的问题