canvas - 画布菜单链接断开

Question

我正在为学校做一个项目，我遇到了一个问题，我希望有人能够帮助解决（并可能抑制我对 joomla 的仇恨，但这不是重点：）

首先，这是网址：http ://edcc3.cloudaccess.net

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

Answer 1

是的，我为你写了一个小例子，我已经测试过并且可以工作：

HTML：

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

jQuery：

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

上面的 jQuery 代码检测到对定义的菜单项 ID 的点击并关闭画布显示。然后锚/滚动将启动。

请注意，由于这是 Joomla，您可能必须为菜单执行模板覆盖，Yootheme 已经完成了。

希望这可以帮助