- 盡量少用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.