Question

我正在尝试将其下方的标题和菜单设置为固定/粘性并始终可见，但可以弄清楚如何同时执行这两项操作。

Answer 1

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

<强> 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主题帮助设置固定标题+菜单

1 个答案: