css - 为什么这个元素在位置固定后看起来会滚动？

Question

我一直试图弄清楚这一点，

我有一个页面具有位置的元素：固定；它位于top:0；并离开：0；但是当您滚动页面时，它似乎在滚动并且dosent保持在固定位置。如果您在 Safari 或 Chrome 上使用“检查元素”功能，它会突出显示该元素，就好像它仍处于固定位置一样。

我最初认为这可能与页面使用 ajax 从数据库加载内容，然后在滚动时使用无限滚动来继续加载内容这一事实有关。

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

任何帮助都会很棒！

谢谢你，大卫

Answer 1

您对 ajax 的假设是正确的：

您的问题可能与以下内容重复： Position Fixed in Chrome

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

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

@Oleg Mikheev：行为仅发生在 Safari 和 Chrome 中。（应该是评论）