锚标签中的散列
锚标签中的散列
提问于 2011-07-05 19:54:52
如何加载页面并使其在加载的页面的某个位置打开？
例如，假设我有page1.html，它有3个链接
<a href="page2.html#1">1</a>
<a href="page2.html#2">2</a>
<a href="page2.html#3">3</a>在page2.html上，我在页面上也有这些链接，即
<a href="page3.html#1">1</a>
<a href="page3.html#2">2</a>
<a href="page3.html#3">3</a>但当我点击来自page1.html的#2或#3链接时，它们总是在页面顶部打开，即使page2.html上的#2和#3不在屏幕上，这需要向下滚动才能看到。
不确定我做错了什么。
回答 4
Stack Overflow用户
发布于 2011-07-05 19:59:30
您需要向元素添加一个ID，该元素应该“跳转”到该元素。
例如，如果您有
<div id="part1">
<p>Blah blah blah</p>
</div>
<div id="part2">
<p>Blah blah blah</p>
</div>
<div id="part3">
<p>Blah blah blah</p>
</div>它们都在page.html中
然后你可以链接到page.html#part1，page.html#part2等，它会跳转到页面的正确部分
更新：
您也可以使用name属性，但我更喜欢使用id。这是因为任何东西都可以有id，但不一定是名称。例如，我不认为名称是HTML5中'a‘标签的有效属性。另外，如果一个元素的id=为“part1”，另一个元素的name=为“part1”，则id为的元素将优先。为了避免混淆，我始终坚持使用一种方法。在这个here上有更多的讨论
Stack Overflow用户
发布于 2016-08-10 02:30:38
由于这些帖子仍然存在，我想添加一个更新：
片段作为链接
<a href="#jumppoint">goto '#jumppoint'</a>跳转到ID：
<div id="jumppoint"> <!-- name="" does not work here on modern browsers -->
<h2>here</h2>
</div>并命名为-Anchor：
<a name="jumppoint" />
<h2>here</h2>Stack Overflow用户
发布于 2011-07-05 19:58:25
命名您的锚点或将链接放置到您的元素：
<div name="content"> #内容将滚动到<div id="content"> (如果存在)或<div name="content">。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6582233
复制相关文章
相似问题