css - 为什么这个元素在固定位置时会出现滚动？

Question

我一直在想办法解决这个问题，

我有一个包含 元素的页面，该元素具有 position:fixed; 它被定位到 top:0; 和 left:0; 但当您滚动页面时，它似乎在滚动，而 dosen 保持在固定位置。如果您在 Safari 或 Chrome 上使用“检查元素”功能，它会突出显示该元素，就好像它仍处于固定位置一样。

我本来以为可能是因为页面使用ajax从数据库加载内容，然后使用无限滚动在滚动时不断加载内容。

您可以在以下位置查看页面:http://www.davidmcmenemy.com/bwg_shop/index.php

任何帮助都会很棒!

谢谢，大卫

Answer 1

你对 ajax 的假设是正确的:

您的问题可能与以下问题重复: Position Fixed in Chrome

回答:chrome 认为在页面加载后(例如，使用 jQuery.load())添加到 DOM 的元素的视口(viewport)仅限于包含该元素的 div。报价:https://stackoverflow.com/a/10849618

尝试在没有 javascript 的情况下加载您的网站，导航将保持其位置。

@Oleg Mikheev:行为只发生在 Safari 和 Chrome 中。 (应该是评论)