我正在使用 Twitter Bootstrap 3.0,使用ScrollSpy插件在我向下滚动时激活我的“导航”链接。现在我想自动更新地址栏中的 URL(使用 window.history.pushstate)以响应 ScrollSpy 事件“activate.bs.scrollspy”。
如何识别 ScrollSpy 为我激活的“导航”元素?
我的代码看起来像这样。
<body data-spy="scroll" data-target="#primarynavbar">
<div id="primarynavbar" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
...
...
<li><a href="#contact">Contact Us</a></li>
...
...
<div id="contact" />
...
...
<script>
$('#primarynavbar').on('activate.bs.scrollspy', function () {
window.history.pushstate('http://abcd.com#contact')
});
</script>
...