页面上的锚链接在 Firefox 或 IE 中不起作用，但在 Chrome 和 Safari 中起作用答案

【问题标题】：Anchor Links on page not working in Firefox or IE, but do work in Chrome and Safari页面上的锚链接在 Firefox 或 IE 中不起作用，但在 Chrome 和 Safari 中起作用
【发布时间】：2017-12-24 06:04:03
【问题描述】：

我在页面上有锚链接，可以将您从页面跳转到各个部分。例如：

<a href="#pointandshoot">Point and Shoot Cameras</a>

然后在页面下方：

<a name="pointandshoot"></a>

页面上有几个不同的。

这些在 Mac 和 PC 上的 Chrome 和 Safari 中运行良好，但在 Mac 和 PC 上的 Firefox 或 PC 上的 IE (8) 中根本无法运行。他们在页面下方跳了一小段距离，但没有跳到他们应该去的地方。

任何帮助将不胜感激。

【问题讨论】：

标签： internet-explorer firefox

【解决方案1】：

在我今天遇到的一个问题之后，看起来没有内容的锚标签在某些版本的 IE 中不起作用，例如：

<a id="example"></a>

在里面放一些东西可以解决问题，例如：

<a id="example">&nbsp;</a>

无论您使用name 还是id 作为锚点，行为都是一样的。

我没有用 Firefox 测试过。

【讨论】：

锚中没有内容肯定会破坏 IE 行为。请注意，对于 IE 10，我必须添加 3次让它工作。此外，我将锚点重新定义为（第四个只是为了防止 IE 11 升级问题）。跨度>
在 IE 11 上使用 &nbsp; 为我修复了它。谢谢！

【解决方案2】：

这个

<a href="#pointandshoot">Point and Shoot Cameras</a>

总是路由到带有 id 的元素。

点赞<div id ="#pointandshoot"></div>

ID 必须是唯一的。

【讨论】：

【解决方案3】：

尝试像这样设置您的目标锚点：

<a id="an_id">Description</a>

<a href="#an_id">Link Text</a>

【讨论】：

www.w3schools.com 有一些不错的 HTML 和相关信息。很好的 CSS 参考。