我正在尝试使用Bootstrap,但在实现页面导航时遇到了一些麻烦。
导航链接如下所示:
<a href="#Profile">Profile</a>
这会将浏览器 URL 更改为 append #Profile
。运行 fiddler 似乎不会导致页面刷新(没有流量通过)。
这似乎没有记录在 Bootstrap 文档中,因为我什至不知道该功能的名称,所以我没有设法查找如何正确实现它。谁能告诉我它叫什么并可能提供解释或一些文件?
我正在尝试使用Bootstrap,但在实现页面导航时遇到了一些麻烦。
导航链接如下所示:
<a href="#Profile">Profile</a>
这会将浏览器 URL 更改为 append #Profile
。运行 fiddler 似乎不会导致页面刷新(没有流量通过)。
这似乎没有记录在 Bootstrap 文档中,因为我什至不知道该功能的名称,所以我没有设法查找如何正确实现它。谁能告诉我它叫什么并可能提供解释或一些文件?
按照要求:
以 # 开头的链接会触发一个hashChange
事件,并将当前页面滚动到一个id
等于 Profile 的元素(so: <div id="Profile>...</div>
)。这不是twitter-bootstrap功能,它纯粹是 HTML。
请注意,这对于您的问题中发布的链接是正确的:<a href="#Profile">Profile</a>
如果链接href
具有以下形式:<a href="http://example.com/index.html#Profile">Profile</a>
然后它将加载一个新页面,并立即滚动到id="Profile"
. 这对于链接到其他页面的特定部分很有用(我自己的主要用例是链接到 Quirksmode 兼容性或 W3 的 HTML/CSS 文档的特定部分)。