DIV CSS 佈局教程網

一、實習過程中被要求做一個二級菜單，點擊展開覆蓋主頁面。在手機上測試，滑動過程中十分卡頓。




在二級菜單最外層加上-webkit-overflow-scrolling:touch ，之後就完全消除卡頓問題。

通過搜索知道，overflow:scroll可以使內容可以滾動，但是沒有物理彈性，比較生硬，沒有滾動條。如果想要IOS那種彈性的滾動效果可以使用-webkit-overflow-scrolling:touch。

從前端開發的角度講，只需要知道CSS的屬性-webkit-overflow-scrolling是創建了帶有硬件加速的系統級控件，所以效率很高。但是這相對是耗更多內存的，最好在產生了非常大面積的overflow時才應用。



二、寫在二級菜單中的底部fixed選項條也會隨滑動上下抖動，將html中該部分移出二級菜單後，並加入與二級菜單同樣的動畫過度效果之後消除了抖動，而且視覺上效果相同。