我正在创建的网站有一个菜单（即导航栏）。菜单显示在每一页上。我必须定期编辑菜单，因此我只希望有一个menu.html可以编辑，可以在所有页面上使用jquery的.load
我使用这个stackoverflow答案成功地实现了我的集中式菜单。在my index.html中，它如下所示：

<div id="menu-placeholder">

</div>

<script>
$(function(){
   $("#menu-placeholder").load("menu.html");
});
</script>

菜单是一个标准的.html，它有css来备份它。在集中我的菜单之前，它们都工作得很好。
然而，我希望我的菜单是粘性的，这不再有效。我有一个menu.css，它实现了一个网格，并使其具有粘性。在我改为集中菜单之前，它起作用了。现在，菜单将向上滚动而不会卡住。网格中的元素可以设置为粘性，但它们仅与菜单相关，而与页面无关。我的理论是，因为菜单被加载到菜单占位符中，所以菜单相对于菜单占位符是粘性的，而不是相对于网页/正文。我试着让菜单占位符变得粘糊糊的，但它似乎没有任何作用。我的理论正确吗？如果是这样，解决办法是什么？如果不是，是什么导致问题？