这似乎是一个愚蠢的问题,但是:
所以我想要做的是设置一个菜单部分,这样当用户点击该部分的标题时,它会将它们发送到页面上的特定位置而不必缩小。我不完全确定这是如何工作的,或者实现的复杂程度。
如此细菌,我会
菜单
第一项(是一个链接)
第二项(是一个链接)
等(作为链接)
然后在页面的下方
第一项(点击菜单中的第一项页面到此处)
“这里的详细信息”
第二项(点击菜单中的第二项页面到此处)
“此处详细信息”
我到底该怎么做?
非常感谢任何帮助或建议。谢谢。
答案 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>
答案 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