位置：滾動

Question

當我使用position: fixed在我的網站來解決在視口的導航欄，就像Facebook的藍色條固定，對移動/平板電腦設備上表現很糟糕，但是當我們試圖在移動/平板設備（以其低處理能力），這種固定杆對性能造成非常不利的影響，這在滾動時會造成非常不好的用戶體驗，我們使用了非常好的文章來增強滾動，事實上它們的確，如：

• http://www.html5rocks.com/en/tutorials/speed/scrolling/
• http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/
• https://github.com/shichuan/javascript-patterns/blob/master/jquery-patterns/window-scroll-event.html

很多基於這些條款的修改後，我們到達的地方position: fixed是唯一的調查留給我們在提升點。

該網站有一個超平滑當我們將其更改爲position: absolute時滾動。但隨着修復它，滾動有一個非常不好的缺點，在一定的方式滾動，當它都挺iPad上的Safari瀏覽器的程度，你知道如何使用position: fixed與平板電腦/移動設備上佳的表現？

Answer 1

如果你的「平板電腦/移動設備」，其中有性能問題，有Webkit引擎你也許可以找到答案在這裏：Chrome slow scrolling with fixed position elements

快速回答：儘量固定塊上添加-webkit-transform: translateZ(0);。

Answer 2

爲了有當得到一個平滑滾動的移動設備，還「的位置是：絕對」，

你只需要添加到div的CSS屬性

「-webkit-溢出滾動：碰;「