6

这应该很简单，我正在尝试创建一个“目录”，链接到长页面的各个部分......

这是我尝试过的：

<ul>
      <li><a href="#features">Features</a></li>
</ul>

在页面的下方...

<a name="features"></a>

我错过了什么吗？它根本不会链接，就好像锚没有正确链接一样。

我很欣赏这方面的任何建议。

提前谢谢了！

4

4 回答 4

4

对于那些有类似问题的人，我发现了它为什么不起作用。

我页面上的许多元素都是浮动元素。因此，如果锚目标不在浮动元素内，浏览器将无法找到要链接的精确点。换句话说，如果锚标记位于浮动元素之外，并且您的页面上有许多浮动元素，则内部链接可能无法正常工作。要解决此问题，请将您的锚目标放置在浮动元素之一中。

于 2013-06-05T16:04:42.117 回答
0

我也在这里找到了这些信息

很多时候，您会看到使用这些链接的人没有围绕任何内容（例如<a name="1" id="1"></a>），但这不像您围绕单词或图像时那样可靠。许多浏览器喜欢在屏幕顶部放置一些元素，当你什么都不包含时，你冒着浏览器混淆的风险。

于 2013-06-05T16:08:58.980 回答
0

我和你有同样的问题，这为我解决了这个问题：

    <a href="#ref" onclick="window.location.href = '#ref';">link content here</a>
于 2020-03-27T00:36:22.437 回答
-4

这不是滚动到网页特定部分的方式。你需要一些 JavaScript 代码。

function scrollWindow() {
    window.scrollTo(x,y);
    // where
    // x = for horizontal co-ordinates, y = for vertical cordinates
    // e.g. x=100,y=600 -- try this
}

单击您的链接执行此功能

<ul>
  <li><a href="#features" onclick="scrollwindow();">Features</a></li>
</ul>

该页面很好地解释了该属性：http: //www.w3schools.com/jsref/met_win_scrollto.asp

于 2013-06-05T16:07:31.577 回答