0

我正在尝试使用Bootstrap,但在实现页面导航时遇到了一些麻烦。

导航链接如下所示:

<a href="#Profile">Profile</a>

这会将浏览器 URL 更改为 append #Profile。运行 fiddler 似乎不会导致页面刷新(没有流量通过)。

这似乎没有记录在 Bootstrap 文档中,因为我什至不知道该功能的名称,所以我没有设法查找如何正确实现它。谁能告诉我它叫什么并可能提供解释或一些文件?

4

1 回答 1

2

按照要求:

以 # 开头的链接会触发一个hashChange事件,并将当前页面滚动到一个id等于 Profile 的元素(so: <div id="Profile>...</div>)。这不是功能,它纯粹是 HTML。

请注意,这对于您的问题中发布的链接是正确的:<a href="#Profile">Profile</a>

如果链接href具有以下形式:<a href="http://example.com/index.html#Profile">Profile</a>

然后它将加载一个新页面,并立即滚动到id="Profile". 这对于链接到其他页面的特定部分很有用(我自己的主要用例是链接到 Quirksmode 兼容性或 W3 的 HTML/CSS 文档的特定部分)。

于 2012-08-05T14:30:09.670 回答