©
이 문서에서는PHP 중국어 웹사이트 매뉴얼풀어 주다
根据滚动位置自动更新引导导航或列表组组件，以指示当前视图端口中哪个链接处于活动状态。
滚动间谍有几个要求才能正常工作：
如果从源头构建我们的JS，要求util.js...
它必须用在一个引导带上NAV组分或列表组...
卷轴间谍需要position: relative;在你监视的元素上，通常...
当监视其他元素时，一定要有一个height设置和overflow-y: scroll;申请。
成功实现后，您的导航或列表组将相应更新，移动.active根据它们关联的目标从一个项初始化到另一个项。
滚动导航栏下面的区域，并观察活动类的变化。下拉式项目也将突出显示。
@fat
...
@mdo
...
one
...
two
...
three
...
涡旋间谍也适用于嵌套的.nav如果嵌套.nav是.active，它的父母也会.active滚动导航栏旁边的区域，并观察活动类的变化。
Item 1
...
Item 1-1
...
Item 2-2
...
Item 2
...
Item 3
...
Item 3-1
...
Item 3-2
...
斯克鲁尔间谍也与.list-group滚动列表组旁边的区域，并观察活动类的更改。
若要轻松地将滚动间谍行为添加到顶部导航中，请添加data-spy="scroll"对于要监视%28的元素，最典型的情况是29%。然后添加data-target属性，该属性具有任何Bootstrap的父元素的ID或类。.nav组件。
body { position: relative;}
... ...
加后position: relative;在CSS中，通过JavaScript调用滚动间谍：
$('body').scrollspy({ target: '#navbar-example' })
Navbar链接必须有可分辨的id目标。例如，home必须对应于DOM中的某些内容，如...
:visible忽略目标元素不是的目标元素:visible根据jQuery将被忽略，其相应的导航项将永远不会突出显示。
.scrollspy('refresh')当结合使用滚动间谍从DOM中添加或删除元素时，您需要调用以下刷新方法：
$('[data-spy="scroll"]').each(function () { var $spy = $(this).scrollspy('refresh')})
.scrollspy('dispose')破坏元素的滚动间谍。
选项可以通过数据属性或JavaScript传递。对于数据属性，将选项名追加到data-，如data-offset=""...
|
Name |
Type |
Default |
Description |
|---|---|---|---|
|
offset |
number |
10 |
Pixels to offset from top when calculating position of scroll. |
|
Event Type |
Description |
|---|---|
|
activate.bs.scrollspy |
This event fires on the scroll element whenever a new item becomes activated by the scrollspy. |
$('[data-spy="scroll"]').on('activate.bs.scrollspy', function () { // do something…})
© 2011–2017 Twitter, Inc.
©2011-2017自带作者
根据麻省理工学院的许可授权的代码。
根据CreativeCommonsAttributionLicense v3.0授权的文档。