javascript - 使用哈希 URL 时不需要的页面跳转

Question

我已经在 SO 上检查了其他页面跳转问题，但我没有找到任何匹配的内容，所以我们开始......

我正在构建一个使用 CSS3 转换和一堆散列链接的网站，而不是使用 jQuery 来加载/转换不同的页面/元素(只是为了好玩/证明我/CSS 可以)。我遇到的问题是，当我单击其中一个链接时，滚动条会无缘无故地自动向下跳约 100 像素。

我不记得它一直都在这样做，所以也许我的 CSS 中的某些地方变得很奇怪。我还添加了一些 <a name>顶部的标签试图将其拉回，但这也不起作用。我也试着把onclick="window.scrollTo(0,0);"在链接中也是如此，这也不起作用:(

任何想法/帮助都会很棒，因为每次导航到页面时都必须滚动，这真的很烦人/可用性很差。可以查看页面here .

系统信息:

浏览器:Chrome 16.0.912.75、FireFox 9.0.1、Opera 11.6

操作系统:Windows 7

Answer 1

我不熟悉 CSS3 转换，所以我不完全理解你在做什么。然而:

1. 我假设这种您认为不受欢迎的行为与浏览器根据 URL 中的片段标识符将元素滚动到 View 中的 native 行为有关。我不确定是否用 <a name> 覆盖它元素会起作用，但无论如何你都错误地设置了 name通过在它们前面加上哈希值。例如应该是 <a name="about"></a>不是<a name="#about"></a> .

2. 至少出于调试目的，我会尝试添加一个 click事件监听器和调用 preventDefault()在其中查看它是否停止滚动。

3. 说明您遇到问题的浏览器(包括操作系统和版本)会很有帮助。