WordPress 主题帮助设置固定 header + 菜单

Question

我正在尝试让 header 和它下面的菜单 fixed/sticky 并且始终可见，但我可以弄清楚如何做到这两点。

Answer 1

这个jQuery可以在主题中实现。在导航出现之前，您可以将数字调整到您想要滚动到页面的最下方。然后在 CSS 中设置 fixed-nav class 的样式以覆盖导航的样式并使其固定在页面顶部。

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");
        }
    });
});

CSS:

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

来源：
http://www.sutanaryan.com/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/

WordPress 主题帮助设置固定 header + 菜单

WordPress Theme help setting a fixed header + menu

wordpress

wordpress-theming