- 尽量少用position:relative
做一个OTO项目时,页面上下滑动时,颤抖的很厉害;
页面中主要是图片比较多,开始以为是图片多的原因,但是把所有图片都不加载,还是颤抖;
后来,去掉所有外部的css,立即就好了,经过分析,CSS也都非常简单,只有position这个属性引起了我的注意,最后,注释掉全部的position属性,滑动还是很流畅,说明问题就出在此了;
最后,经过逐个排查,竟然是一个footer元素的position:relative引起的,去掉之后,滑动非常流畅,界面布局依然正常,说明这个属性基本没用。
- 尽量使用带webkit前缀的css属性,这些属性是经过优化的
比如:webkit-scrollbar、
-webkit-overflow-scrolling : touch; This allows us to build applications with a more native feel without needing to resort to a third party plugin.