位置固定问题[关闭]

Posted 2023-03-06

【中文标题】位置固定问题[关闭]

【英文标题】：Position Fixed Problems [closed]

【发布时间】：2013-08-18 07:10:13

【问题描述】：

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

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

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

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

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

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

感谢所有帮助。谢谢！

【问题讨论】：

再一次，绝对不行。您需要向我们展示问题中的问题。链接到显示您的问题的视频与本网站的运作方式完全相反。不要这样做。此外，您删除了代码的链接，现在这个问题没用了。 Stack Overflow 的全部目的是为问题提供规范的答案。 要求您的问题在解决了您的问题后对其他人仍然有用。请停止链接到场外代码。

【参考方案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 中适当地固定左侧菜单的位置。

【讨论】：

非常感谢，问题解决了。