Elementor Pro粘性锚点菜单点击后未正常关闭问题求助

你的问题出在直接通过display: none隐藏菜单内容，绕过了Elementor原生的菜单状态管理逻辑——Elementor的移动端菜单会给触发按钮添加elementor-active类来标记展开状态，同时控制菜单的显示/隐藏，直接修改样式不会同步更新按钮的状态类，导致图标仍显示为展开状态。

正确解决方案：模拟菜单触发按钮的点击事件 #

不要手动隐藏菜单，而是让Elementor自己处理菜单的切换逻辑，具体步骤如下：

1. 找到菜单触发按钮的ID
   打开浏览器开发者工具（按F12），切换到移动端视图，点击菜单按钮展开菜单，在Elements面板中找到菜单触发按钮（通常是带汉堡图标的元素），查看它的id属性，格式一般为e-n-menu-toggle-xxx，其中xxx是和你的菜单内容ID（e-n-menu-content-1421）对应的数字，比如大概率是e-n-menu-toggle-1421。

2. 替换原有脚本
   将HTML小部件中的代码替换为以下内容（注意替换成你实际找到的菜单触发按钮ID）：

   // 给菜单内所有锚点链接添加点击事件
   document.querySelectorAll("#e-n-menu-content-1421 a").forEach(anchorLink => {
     anchorLink.addEventListener("click", function() {
       // 获取菜单触发按钮元素
       const menuToggleBtn = document.getElementById("e-n-menu-toggle-1421");
       // 检查按钮存在且菜单处于展开状态（带有激活类）
       if (menuToggleBtn && menuToggleBtn.classList.contains("elementor-active")) {
         // 模拟点击按钮，触发Elementor原生的菜单关闭逻辑
         menuToggleBtn.click();
       }
     });
   });
   

原理说明 #

这段代码会监听菜单内每个锚点链接的点击事件，当点击时：

• 检查菜单触发按钮是否处于激活（展开）状态
• 如果是，就模拟点击按钮，让Elementor自动执行菜单关闭流程：包括隐藏菜单内容、移除触发按钮的elementor-active类、切换图标状态，完全同步菜单的显示状态和按钮样式。

这样修改后，无论桌面端还是移动端，点击锚点链接后菜单都会正常收起，按钮图标也会同步更新为未展开状态，不需要额外操作就能再次打开菜单。

内容的提问来源于stack exchange，提问作者JeannieB