移动端ios滑动卡慢的解决方案

移动端ios滑动卡慢的解决方案

Introduce

产品给了个h5的界面让我切。由于接口没给，就模拟了点数据，写好了静态页面。发现超出一屏，ios滑动非常的卡顿，缓慢。而安卓无问题。

Thought

预计是什么属性不兼容ios，于是各种百度，怀疑flex，等等等，折腾很久。没解决。最后问学长。学长说： 啥？ 我没遇到过啊。 emmmm。

Sloution

有问题找度娘啊，发现一部分遇到了和我一样的问题。一部分人说 加上

* {
   -webkit-overflow-scrolling:touch;
}

不幸的是 没有解决，不明觉厉，继续百度。查到一种说法。

html，body {
    height:100%
}

会导致页面卡顿。我翻看我的代码 。还真是。。emmm，于是删掉。完美解决。ios和安卓一样效果

Review

那么问题出在哪里呢？ 百度很久，都是给了解决方案，但是没有给理由。。查了会css书，也没有。。只能以后再解决了

writer&contact

Jontyy jontyy@163.com

GitHub

https://github.com/YJD199798/jontyy-textanimation.git