当您复制一个部分并隐藏一个用于移动设备和一个用于桌面设备时使锚点起作用

问题描述

所以这就是我想要做的。我有一个不适用于移动设备的桌面设置。所以我所做的是为移动设备创建另一个部分。这些部分有跳转到正确位置的锚点。但是由于我在桌面上隐藏了一个部分(带有锚点)而另一个(相同的锚点)隐藏在移动设备上,因此锚点的链接不起作用(引用链接/#anchor 的相同标题菜单)我猜是因为我有重复的锚点,“隐藏”并不能阻止它读取锚点?

我有一个菜单..我不擅长代码..所以不知道如何告诉相同的标题/菜单在移动设备上跳转到“移动”部分锚点。 希望这是有道理的。

解决方法

如您所料,CSS ID 名称在页面上必须是唯一的。 您可以在两个部分之前的元素上设置锚点,即使它只是一个空白区域。