詞綴插件
詞綴插件允許元素成為貼（鎖定）到頁面上的一個區域。 這通常是與導航菜單或社會圖標按鈕使用的，以使它們"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詞綴參考 。