bootstrap-Scrollspy滚动插件

"bootstrap-Scrollspy滚动插件"

Posted by Waterfox on September 11, 2017

用法

通过 data 属性:向您想要监听的元素(通常是 body)添加 data-spy="scroll"。然后添加带有 Bootstrap .nav 组件的父元素的 ID 或 class 的属性 data-target。为了它能正常工作,您必须确保页面主体中有匹配您所要监听链接的 ID 的元素存在。 ```
... ...
或者

$(‘body’).scrollspy({ target: ‘.navbar-example’ })


## option

target 被渲染的目标 Offset 计算滚动位置时,距离顶部的偏移像素。默认是10


## refresh刷新滚动dom
	.scrollspy('refresh'):当通过 JavaScript 调用 scrollspy 方法时,您需要调用 .refresh 方法来更新 DOM。这在 DOM 的任意元素发生变更(即,您添加或移除了某些元素)时非常有用。下面是使用该方法的语法。

$(‘[data-spy=”scroll”]’).each(function () { var $spy = $(this).scrollspy(‘refresh’) }) ```