Canvas 非画布菜单链接已断开

我正在为学校做一个项目，我有一个问题，我希望有人能帮我解决（并可能抑制我对乔姆拉日益加深的仇恨，但这不是重点：）

首先，这里是URL：

---

问题是，当您调整浏览器大小或使用模拟器查看480px设备上的渲染时，offcanvas菜单链接将不起作用。这意味着他们不会滚动到一页布局中的目标部分，我不知道为什么。我打赌这是一个订购问题，但就我个人而言，我找不到问题所在。任何帮助都将不胜感激

好的，我已经为您编写了一个小示例，我已经测试并运行：

HTML:

<a id="test" href="#test" data-uk-smooth-scroll="">Item</a>

$('#test').on('click', function() { 
    $.UIkit.offcanvas.hide();
});

上面的jQuery代码检测到对菜单项的定义ID的单击，并关闭offcanvas显示。然后锚定/滚动将开始

请注意，由于这是Joomla，您可能需要对菜单执行模板覆盖，Yootheme已经完成了这项操作

---

希望这有帮助

您使用的是菜单扩展还是核心菜单，还是模板有一些自定义js？html看起来不错。为什么您认为这是一个排序问题？正如@Elin所说，HTML标记很好。有一个锚，但是这是UIKit的offcanvas菜单的默认操作。您可能需要编写一个小的自定义脚本，关闭offcanvas菜单，并在单击时向下导航到指定的元素。@Elin我想可能是offcanvas代码位于标记的底部，可能正因为如此，它无法“看到”我的锚定标记，因为…..层次结构…..巫毒：）谢谢！我将对此进行尝试并报告。显然，我需要阅读更多关于创建覆盖的内容，因为我对如何实现这一点有点模糊。虽然被接受为答案，但因为查看代码，没有理由认为它不起作用：）