appme 主题中的菜单与 wordpress 中的哈希 id 不同步

Posted 2023-05-09

【中文标题】appme 主题中的菜单与 wordpress 中的哈希 id 不同步

【英文标题】：Menu in appme theme is not synching with hashing id in wordpress

【发布时间】：2021-03-19 12:35:52

【问题描述】：

我在 wordpress 上使用 appme 主题，除了活动菜单外，一切都运行良好。

https://themes.athenadesignstudio.com/?theme=appme_wp

如果您单击链接并单击菜单，您会看到它与单击的内容不同步。例如：如果您单击功能，主页将处于活动状态，如果您单击屏幕截图，功能将处于活动状态并且在不同浏览器上的行为也会有所不同。

【问题讨论】：

这是主题中的一个错误。您应该向该主题的支持团队开一张票。

【参考方案1】：

在 appme 文件夹的 main.js 文件中，转到这一行，您可以看到 scrollTop: h-offset，因此为了解决问题，我将其更改为 scrollTop: (h-offset)+10。这将使该部分再滚动一点，直到修复为止。

//Menu
menu:function() 
        //Slick nav
        jQuery(".main-navigation").slicknav(
                prependTo:"#responsive-menu",
                label:"",
                closeOnClick:true
        );

        //Submenu
        jQuery(".nav li").on("mouseenter", function() 
                jQuery(this).children("ul").stop().slideDown(200);
        );

        jQuery(".nav li").on("mouseleave", function() 
                jQuery(this).children("ul").stop().slideUp(200);
        );

        //Header menu
        jQuery(document).on("click", "#navigation ul li a, #responsive-menu ul li a", function() 
                try 
                        var id = jQuery(this).attr("href");
                        var h = parseFloat(jQuery(id).offset().top);
                        var offset = parseInt(jQuery("body").data("offset"), 10);

                        jQuery("body, html").stop().animate(
                                scrollTop:(h-offset)+10
                        , 800);

                        return false;
                 catch(err) 
        );

        //Sticky navigation
        if (AppMeOptions.navigation==="sticky") 
                jQuery(window).scroll(function() 
                        if (jQuery(window).scrollTop()>200) 
                                jQuery(".navbar").addClass("sticky-header");
                         else 
                                jQuery(".navbar").removeClass("sticky-header");
                        
                );
        
,