链接到页面上的不同区域

时间:2011-08-18 15:55:34

标签: asp.net html hyperlink

这似乎是一个愚蠢的问题,但是:

所以我想要做的是设置一个菜单部分,这样当用户点击该部分的标题时,它会将它们发送到页面上的特定位置而不必缩小。我不完全确定这是如何工作的,或者实现的复杂程度。

如此细菌,我会

菜单

  1. 第一项(是一个链接)

  2. 第二项(是一个链接)

  3. 等(作为链接)

  4. 然后在页面的下方

    第一项(点击菜单中的第一项页面到此处)

    “这里的详细信息”

    第二项(点击菜单中的第二项页面到此处)

    “此处详细信息”

    我到底该怎么做?

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

6 个答案:

答案 0 :(得分:10)

它被称为anchor tag,您可以将其与#结合使用,以获得问题中所需的结果。

刚刚提出:

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

在第1节的开头

下一步是在您想要链接到它的任何地方,只需添加:

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

请注意,您还可以使用上述方法指向元素中的ID以获得结果。

例如:

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

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

答案 1 :(得分:7)

您可以在链接前使用哈希('#')来指定它指向同一页面中的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)。

答案 2 :(得分:4)

您可以使用锚标记执行此操作。

在菜单中:

<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了解详情。

答案 3 :(得分:2)

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

答案 4 :(得分:1)

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

答案 5 :(得分:0)

我(假设)你知道锚标签&amp;书签...

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