1

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

在 Mac Safari 上，位置：固定；工作正常，但是当我滚动左侧并到达末尾时，它会滚动页面并失去它的固定位置。这就是在 MAC SAFARI 上发生的事情。在所有其他浏览器中，固定位置会被浏览器简单地忽略。

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

在视频中，我从 Mac Safari 开始，并在 0m44s 更改为 Mac Chrome。最新发布的版本.. Firefox、opera 和所有 windows 浏览器也不工作。

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

我不知道该怎么办了，在网上搜索了很多，但没有任何帮助。

我将不胜感激所有的帮助。谢谢！

4

1 回答 1

2

你有一块 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 中适当地固定左侧菜单的位置。

于 2013-08-16T00:55:25.467 回答