链接到页面上的不同区域答案

【问题标题】：Linking to different areas on a page链接到页面上的不同区域
【发布时间】：2011-08-18 15:55:33
【问题描述】：

这似乎是一个愚蠢的问题，但是：

所以我想做的是设置一个菜单部分，以便当用户单击该部分的标题时，它会将他们发送到页面上的特定位置，而不必向下滑动。我不完全确定这将如何工作或实现起来有多复杂。

所以我本来会的

菜单

第一项（作为链接）
项目二（作为链接）
等（成为链接）

然后在页面下方

第一项（当点击菜单中的第一项时页面来到这里）

“这里有详细信息”

第二项（当点击菜单中的第二项时页面来到这里）

“这里有详细信息”

我该怎么做呢？

非常感谢任何帮助或建议。谢谢。

【问题讨论】：

如果您对某个答案投反对票，请解释原因，否则会损害堆栈社区。span>
我不知道这是针对我还是一般来说，但是如果我确实对某个问题投了反对票，那是非常无意的，尤其是因为我发现所有问题都有帮助并且有用。另外...我不相信我什至有权投票...
不，它不是针对您的，很抱歉造成混淆。这只是一般情况，因为我看到了一些没有任何解释的反对票。

标签： asp.net html hyperlink

【解决方案1】：

它被称为anchor tag，您可以将它与 # 结合起来以获得问题中提出的所需结果。

简单地说：

<a name="section1"></a>

在第 1 节的开头

下一步是到任何你想链接的地方，只需添加：

<a href="#section1">here</a>

请注意，您也可以使用上述方法在元素内指向ID 以实现结果。

例如：

<div id="section1"></div>

这将对您有所帮助，如果您对此有任何其他问题，请告诉我。

【讨论】：

您可能更喜欢id="anchor" 而不是name="anchor"，请参阅stackoverflow.com/questions/484719/html-anchors-with-name-or-id
这也是事实。不错的补充
如何使用指向其他页面的链接来做到这一点？来自其他页面的链接位于ul 中，但需要像锚标记一样显示。他们目前在SELECT CASE 声明中，但它显示在.htm 页面上。我没有制作页面，只是想修复它。 ://

【解决方案2】：

您可以在链接前使用哈希 ('#') 来指定它指向同一页面内的 ID 或锚点。

例子：

<a href="#item1">Item 1</a>

将重定向到同一页面上的以下元素：

<div id="item1">Item one details</div>

它也会指向下面的锚点，但通常最好指向一个带有 ID 的元素以避免不必要的标记：

<a name="item1">Item one details</a>

编辑由于HTML Anchors with 'name' or 'id'? 中描述的原因，在HTML5 中不应以这种方式使用锚点，因为name 属性不再存在（根据current specification draft）。

【讨论】：

我认为重要的是要注意散列值理想情况下应该是您页面上存在的 ID。我赞成这个答案以表明这是正确的解决方案，而不是添加具有名称属性的新锚。另一种方法确实有效，但有点过时了。

【解决方案3】：

您可以使用锚标记来做到这一点。

在菜单中：

<a href="#item-one">item one</a>
<a href="#item-two">item two</a>

在页面下方：

<a name="item-one">item one</a>

...

<a name="item-two">item two</a>

您可以查看http://www.w3schools.com/HTML/html_links.asp 了解更多信息。

【讨论】：

【解决方案4】：

如果您想要比锚点更平滑的滚动，您也可以使用 jquery 插件/脚本。比如https://github.com/kswedberg/jquery-smooth-scroll

【讨论】：

【解决方案5】：

如果你问我认为你在问什么，你只需使用页面下方的锚标签，如本文所述here

【讨论】：

【解决方案6】：

我（假设）你知道锚标签和书签...？

除此之外，这里有一个脚本，可以将您的页面定位到回发时的书签。 http://geekswithblogs.net/jawad/archive/2005/05/25/BookMarkJump.aspx

【讨论】：