锚点 link 在桌面上工作但不在移动设备上工作
Anchor link working on desktop but not mobile
我有一个响应式导航,可以转换为移动设备的屏幕外菜单。它只有 link 锚点。它在桌面上运行完美,但当菜单更改为移动版本时,单击 link 不会将页面移动到正确的位置。
有javascript用于显示和隐藏菜单。单击时我在 chrome 的控制台中看不到任何错误。
由于移动端和桌面端的不同,我有两个相似的块html,一个是class“桌面”,另一个是class“移动” ,这些 shown/hidden 基于媒体查询。它们的部分具有相同的 ID,导航是否总是试图找到“桌面”部分而不是“移动”部分?
我的想法是正确的。虽然 "desktop" 代码被隐藏了,但在移动设备上导航仍然指向它,因此看起来页面没有滚动。
我有一个响应式导航,可以转换为移动设备的屏幕外菜单。它只有 link 锚点。它在桌面上运行完美,但当菜单更改为移动版本时,单击 link 不会将页面移动到正确的位置。
有javascript用于显示和隐藏菜单。单击时我在 chrome 的控制台中看不到任何错误。
由于移动端和桌面端的不同,我有两个相似的块html,一个是class“桌面”,另一个是class“移动” ,这些 shown/hidden 基于媒体查询。它们的部分具有相同的 ID,导航是否总是试图找到“桌面”部分而不是“移动”部分?
我的想法是正确的。虽然 "desktop" 代码被隐藏了,但在移动设备上导航仍然指向它,因此看起来页面没有滚动。