响应式设计子菜单滚动回顶部

Question

我的网站：http://trueensan.com/en/

当它处于响应式视图中时，如果您点击菜单按钮，它将不显示子菜单，而是滚动回到顶部并且网址变为：http://trueensan.com/en/#

我能做什么

问候......

Answer 1

根据我在您网站上的观察，导航设置为在响应模式下显示：无

#navigation ul {
width: 100%;
display: none;
height: auto;
padding: 0;
}

单击菜单图标时，您可能需要使用一些javascript来切换nav ul元素的显示。像

这样的东西

$("nav a#pull").click(function() {
    $( "#navigation ul" ).toggle();
  });

我没有测试过这个。我还注意到，网站上没有提取自定义脚本，这可能是菜单首先被破坏的原因（请查看开发人员控制台）。尝试检查是否缺少customscript.js文件。

获取http://trueensan.com/wp-content/themes/point-child/js/customscript.js?ver=null 404（未找到）

我希望这会有所帮助。