Question

我正在创建一个基于响应式网页设计的网页。因此，当它被调整为较小的分辨率时，导航菜单将从顶部栏中移除并变成iPhone Facebook / Path样式的移动滑动菜单。我使用this库实现了它。

同时，我在底部有一个固定的定位面板，可以上下拉动，停靠在页面底部。它非常接近this，只是我的位于底部，可以拉起来。

以下是Chrome中的问题：当我滑出移动菜单并向后滑入时（它使用“-webkit-transform：translateX（）”），固定定位的面板会中断其位置。

经过一番研究后，似乎是a bug in Chrome。 但是，有解决方法吗？

可能重复：Positions fixed doesn't work when using -webkit-transform（我在答案中找不到解决问题的方法）

非常感谢！

Answer 1

你可以跟随这个小提琴

这真的很干净简单。您可以开始遵循相同的结构。

注意：由于某种原因，固定元素需要有一个z-index：

#topbar
    position: fixed
    z-index: 1