Question

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

这就是我的尝试：

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

在页面中向下......

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

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

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

非常感谢提前！

Answer 1

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

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

Answer 2

我还发现了这些信息here

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

Answer 3

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

    <a href="#ref" onclick="window.location.href = '#ref';">link content here</a>

Answer 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

简单的内部链接不起作用

4 个答案: