CSS3 变换使元素可以无限制地移动

Question

我使用 CSS3 转换来移动我的网站内容以显示菜单。

问题出在手机上。用户打开菜单后（借助 CSS3 转换），用户可以移动内容，有时部分内容会显示在视口中。这就像元素不知道它不应该超过一定的距离。

菜单在左侧。这是内容可以部分隐藏的方向。有没有办法阻止这种情况？强制它只显示在视口中。

Answer 1

CSS3 transform 破坏 CSS 属性 position: fixed;。所以你需要避免将这两者混在一起。

它与这个bug report 的铬有关。