我正在构建一个移动和桌面界面,它有一个侧边栏菜单,它应该始终具有窗口高度的100%(而不是文档高度)并保持在固定位置,同时向下滚动右侧区域起来。
在Mac Safari上的位置:固定;工作正常,但当我滚动左边的一个,它到达结尾时,它滚动页面并失去它的固定位置。这就是MAC SAFARI上发生的事情..在所有其他浏览器中,浏览器忽略了修复的位置。
在这里:我制作了一个显示我的问题的视频:http://youtu.be/OqqDYnQDO6c
在我开始使用Mac Safari的视频中,在0分44秒时我改为Mac Chrome。最后发布的版本.. Firefox,Opera和所有Windows浏览器都不起作用。
它应该像大多数移动应用程序一样工作,固定侧边栏带滚动
我不知道该怎么做了搜索网络,但没有任何帮助。
我将非常感谢所有的帮助。谢谢!
答案 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中正确定位左侧菜单。