ios 滚动页面卡住 和 -webkit-overflow-scrolling:touch 的关系

起因

-webkit-overflow-scrolling:touch 相信写移动端的人都知道这个,可以让滚动更流畅,请你使用的时候也要知道它的巨坑。。。(来自 线上 bug 的痛)

场景 bug

模仿 ant-design mobile 写了一个拉动刷新。 你们自己用手机打开连接,人家就没有用滚动优化, 为什么没有用,就是有坑!!!
自从加了 -webkit-overflow-scrolling:touch 之后,页面滑动起来非常顺手,但是上线之后出现 页面偶尔卡顿, 无法滚动的场景。
ios 滚动页面卡住 和 -webkit-overflow-scrolling:touch 的关系_第1张图片

解决方法

ios 滚动页面卡住 和 -webkit-overflow-scrolling:touch 的关系_第2张图片

ios 滚动页面卡住 和 -webkit-overflow-scrolling:touch 的关系_第3张图片

最后

真的是非常坑了 我也要去研究自己写滚动了。

文章出处 深入研究-webkit-overflow-scrolling:touch及ios滚动

你可能感兴趣的:(前端,css,ios)