定位问题

时间:2013-08-15 23:56:41

标签: jquery css scroll height css-position

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

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

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

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

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

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

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

1 个答案:

答案 0 :(得分: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中正确定位左侧菜单。