呼叫方式

1、data屬性呼叫

只需給監聽物件定義 data-spy="scroll" 屬性及 data-target 屬性，就可以啟用滾動監聽外掛。

data-target 屬性的值是一個選擇器，它指向擁有滾動監聽功能的頁面元素。本例項中，擁有滾動監聽功能的頁面元素為 id="navbarExample" 的導航包含框。則監聽物件的 data 屬性定義如下：

1. <divdata-spy="scroll"data-target="#navbarExample">
2. <h4id="fat">@fat</h4>
3. <p>Ad leggings keytar, brunch id art ...
   </p>
4. <h4id="mdo">@mdo</h4>
5. <p>Veniam marfa mustache ...</p>
6.   ...
7. </div>

2、JavaScript呼叫

直接為擁有滾動監聽功能的頁面元素繫結 scrollspy() 方法即可：

1. <script>
2. $('#navbarExample').scrollspy()
3. </script>

   關於作者

   歪脖先生，十五年以上軟體開發經驗，酷愛Web開發，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML寶典

   》、《揭祕CSS》、《Less簡明教程》、《JSON教程》、《Bootstrap2使用者指南》、《Bootstrap3實用教程》，並全部在 GitHub 上開源。