WordPress主题帮助设置固定标题&x2B；菜单

我试图让标题和菜单在它下面是固定的/粘滞的，并且总是可见的，但我能想出如何做到这两个

---

这个jQuery可以在主题中实现。在出现导航之前，您可以将数字调整为要向下滚动页面的距离。然后在CSS中设置

fixed nav

类的样式，以覆盖导航的样式并将其固定到页面顶部

jQuery:

jQuery("document").ready(function($){
    var nav = $('.cap-primary-menu');

    $(window).scroll(function () {
        if ($(this).scrollTop() > 136) {
            nav.addClass("fixed-nav");
        } else {
            nav.removeClass("fixed-nav");
        }
    });
});

.cap-primary-menu.fixed-nav { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; }

CSS:

jQuery("document").ready(function($){
    var nav = $('.cap-primary-menu');

    $(window).scroll(function () {
        if ($(this).scrollTop() > 136) {
            nav.addClass("fixed-nav");
        } else {
            nav.removeClass("fixed-nav");
        }
    });
});

.cap-primary-menu.fixed-nav { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; }

来源：

---

@sdcr我知道他的意思。需要一个向下滚动的导航栏，网页固定在页面顶部。我将您的jQuery代码添加到主题的jQuery文件中，该文件以`//Close anon function.}结尾（jQuery））；`我把它放在下一行的下面。然后，我将你的css代码添加到我的主题style.css的底部，但什么也没发生（我还添加了！结尾很重要，以防万一）。我错过了什么？我按原样复制了您的代码，并在主题文件的底部粘贴了。谢谢你的回复，顺便说一句：）你把jQuery和你的主题放在一起了吗？[已解决]非常感谢！我的问题是设置顶部区域的样式，因为.cap主菜单只包含菜单，而不包含右上角的徽标或phone+标题。logo+phone+caption在下面的.cap菜单中的主题样式表上，因此我将其设置为顶部：0；然后我将.cap主菜单设置为top:50px；因此，菜单位于标题（徽标容器）下方，它们都是固定的。太棒了！很高兴能帮忙