移动端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