Bootstrap滚动监听（Scrollspy）插件详解(2)

PS：在一个菜单和一个容易的时候，data-target 不设置也可以稳定实现滚动监听高亮。但多个导航时，你不关联其中一个，会导致错误，所以，一般要加上。

如果使用 JavaScript 脚本方式， 可以去掉 data-*， 使用脚本属性定义： offset、 spy和 target。具体方法如下：

//使用脚本方式定义属性 $('#content').scrollspy({ offset : 0, target : '#nav', });

滚动监听还有一个切换到新条目的事件。

//事件绑定在导航上

$('#nav').on('activate.bs.scrollspy', function() {
    alert('新条目被激活后触发此事件！');
});
滚动监听还有一个更新容器 DOM 的方法。

//HTML 部分

<section> <h4>HTML5 <a href="#">删除此项</a></h4> <p> ... </p> </section>

//删除内容时，刷新一下 DOM，避免导航监听错位

function removeSec(e) { $(e).parents('.sec').remove(); $('#content').scrollspy('refresh'); }

注意：这个方法必须使用 data-*声明式。