词缀插件
词缀插件允许元素成为贴（锁定）到页面上的一个区域。 这通常是与导航菜单或社会图标按钮使用的，以使它们"stick"在一特定区域，而上下滚动的网页。
该插件打开和关闭这种行为（从静态到固定的改变CSS位置的值），这取决于滚动位置。
例1）贴导航栏：
例2）贴边栏：
随着词缀，当我们上下滚动页面，菜单始终可见并锁定其位置。
如何创建一个附加的导航菜单
下面的例子演示如何创建一个水平贴导航菜单：
下面的例子演示如何创建一个垂直贴导航菜单：
例子解释：
添加data-spy="affix"到你想贴的元素。
任选地，添加的data-offset-top|bottom属性来计算滚动的位置。
怎么运行的
这一词缀三个类之间切换插件： .affix ， .affix-top和.affix-bottom 。 每一类代表一个特定的状态。 您必须添加CSS属性来处理的实际位置，与例外position:fixed的.affix类。
- 插件添加
.affix-top或.affix-bottom类，以指示该元素是在其最上面的或最下面的位置。 与CSS定位没有在这一点上需要。 - 滚动过去贴元素触发的实际盖印-这是插件替换
.affix-top或.affix-bottom类的.affix类（套position:fixed）。 在这一点上，您必须添加CSStop或bottom属性页面的贴元件位置。 - 如果底部偏移定义，滚动过去，它取代了
.affix带班.affix-bottom。 由于偏移量是可选的，设置一个需要设置相应的CSS。 在这种情况下，添加position:absolute必要时。
在上面的第一个例子，词缀插件添加.affix类（位置：固定的）到<nav>元素时，我们已卷从顶部197像素。 如果打开的例子中，你还会看到，我们添加了CSS top财产的0到值.affix类。 这是为了确保该导航栏停留在页面中的所有时间的顶部，当我们已经滚动从顶部197像素。
Scrollspy和词缀
使用与缀在一起插件Scrollspy插件：
水平菜单（导航栏）
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<nav
class="navbar navbar-inverse" data-spy="affix" data-offset-top="197">
...
</nav>
</body> 试一试» 垂直菜单（Sidenav）
<body data-spy="scroll" data-target="#myScrollspy" data-offset="15">
<nav class="col-sm-3" id="myScrollspy">
<ul class="nav nav-pills
nav-stacked" data-spy="affix" data-offset-top="205">
...
</nav>
</body> 试一试» 完成Bootstrap词缀参考
对于所有的完整参考贴上方法和事件，请访问我们的Bootstrap JS词缀参考 。