位置：滚动

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-溢出滚动：碰;“