防止锚定将页面推到底部（HTML）

我有一个带有style=“overflow:auto”的div，其中有一些文本。该文本有一些锚定，我在div左侧（不在div内）有链接，每次我点击锚定时，页面都会转到底部，就像锚定在页面底部一样

有没有办法防止这种情况发生

<a href='#id2'>Link</a>
<div style='width: 100px; overflow: auto;'>
Text Inside, Big text with <hr id='#id10' /> here
Text Inside, Big text with <hr id='#id5' /> here
Text Inside, Big text with <hr id='#id6' /> here
Text Inside, Big text with <hr id='#id27' /> here
Text Inside, Big text with <hr id='#id24' /> here
Text Inside, Big text with <hr id='#id20' /> here
Text Inside, Big text with <hr id='#id21' /> here
Text Inside, Big text with <hr id='#id23' /> here
Text Inside, Big text with <hr id='#id22' /> here
Text Inside, Big text with <hr id='#id2' /> here
<div>

内部文本，此处为带
的大文本
内部文本，此处为带
的大文本
内部文本，此处为带
的大文本
内部文本，此处为带
的大文本
内部文本，此处为带
的大文本
内部文本，此处为带
的大文本
内部文本，此处为带
的大文本
内部文本，此处为带
的大文本
内部文本，此处为带
的大文本
内部文本，此处为带
的大文本

编辑：我既不使用Javascript也不使用Iframes

---

编辑：在Firefox 3中进行了测试，在我看来，所有发生的事情都是浏览器试图将你的锚定到页面顶部，这是这种情况下的正常行为。因此，它不是滚动到底部，而是试图让你的链接到达页面顶部，而是在到达之前点击滚动条的底部

---

不过，一些示例代码可能会有所帮助。

您每页只能有一个

id

（id2、id3、id4等）。您已经将id2列出了10次，这很可能会导致链接中断。此外，您不能用磅符号启动

id

s；有效ID以（[A-Za-z]）开头。

这是浏览器的本机功能。如果你想在不使用javascript的情况下破坏它，那么你最好用水枪向地狱冲锋，因为你不会非常成功

---

使用像jQuery这样的简单框架可能只需几行代码就可以解决这个问题。您可以将元素滚动到视图中，并阻止默认活动或锚定。

您所说的“页面另一部分中的链接”是什么意思？它是一个iframe，一个命名的锚，还是什么？你是通过javascript加载的吗？你在哪些浏览器中遇到了这个问题？如果你发布链接的HTML和目标锚的HTML，这会有所帮助。是的，就是这样。有没有办法避免这种行为？或者另一种方法？只是为了显示一些代码，我在原始代码中使用了不同的ID。编辑我的帖子不管怎样，您的ID仍然无效，因为它们以#字符开头。但是，可以指定以#开头的名称属性。我建议验证您的代码，以防出现问题。