Question

我正在构建一个移动和桌面界面，它有一个侧边栏菜单，它应该始终具有窗口高度的100％（而不是文档高度）并保持在固定位置，同时向下滚动右侧区域起来。

在Mac Safari上的位置：固定;工作正常，但当我滚动左边的一个，它到达结尾时，它滚动页面并失去它的固定位置。这就是MAC SAFARI上发生的事情..在所有其他浏览器中，浏览器忽略了修复的位置。

在这里：我制作了一个显示我的问题的视频：http://youtu.be/OqqDYnQDO6c

在我开始使用Mac Safari的视频中，在0分44秒时我改为Mac Chrome。最后发布的版本.. Firefox，Opera和所有Windows浏览器都不起作用。

它应该像大多数移动应用程序一样工作，固定侧边栏带滚动

我不知道该怎么做了搜索网络，但没有任何帮助。

我将非常感谢所有的帮助。谢谢！

Answer 1

你有一块CSS说

/**----- ESTILOS -----**/
*{text-rendering: optimizeLegibility; -webkit-text-rendering: optimizeLegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transform: translateZ(0);
}

卸下

-webkit-transform: translateZ(0);

将允许页面在Chrome中正确定位左侧菜单，同时删除

backface-visibility: hidden;

将允许页面在Firefox中正确定位左侧菜单。

定位问题

1 个答案: