锚链接在桌面上工作，但在移动设备上不工作

Question

我有一个响应式导航，可以转换为移动设备的屏幕外菜单。它只有锚链接。它可以在桌面上完美运行，但是当菜单更改为移动版本时，单击链接不会将页面移动到正确的位置。

有 javascript 用于显示和隐藏菜单。单击周围时，我在 chrome 的控制台中看不到任何错误。

由于移动设备和桌面设备之间的差异，我有两个相似的 html 块，一个具有“桌面”类，另一个具有“移动”类，它们根据媒体查询显示/隐藏。它们的部分具有相同的 id，是不是导航总是试图找到“桌面”部分而不是“移动”部分？

Answer 1

我的想法是正确的。虽然“桌面”代码被隐藏了，但在移动设备上导航仍然指向它，因此页面似乎没有滚动。