30.滾動監聽

2024-04-27 15:17:54

字體：大中小

來源：轉載

供稿：網友

<!doctype html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" href="CSS/bootstrap.css"/> <style> #subNav{ position: fixed; top: 0; } .nav a{ color: #666; } .nav ul{ display: none; } .nav .active ul{ display: block; padding-left: 20px; } .nav > li > a { padding: 5px 15px; } .nav .active > a{ color: #000; border-left: 1px solid #000; } .nav .active .bold{ font-weight: bold; border-left: 3px solid #000; font-size: 20px; } </style> </head>  <body data-spy="scroll" data-target="#subNav"> <div class="container"> <div class="row"> <div class="col-lg-9" style="padding-bottom: 500px;"> <div class="section"> <h2 id="gaishu">概覽</h2> <h3 id="dange">單個還是全部引入</h3> <p>javaScript 插件可以單個引入（使用 Bootstrap 提供的單個 <code>*.js</code> 文件），或者一次性全部引入（使用 <code>bootstrap.js</code> 或壓縮版的 <code>bootstrap.min.js</code>）。</p> <p>建議使用壓縮版的 Javascript 文件bootstrap.js 和 bootstrap.min.js 都包含了所有插件，你在使用時，只需選擇一個引入頁面就可以了。</p> <p>插件之間的依賴關系某些插件和 CSS 組件依賴于其它插件。如果你是單個引入每個插件的，請確保在文檔中檢查插件之間的依賴關系。注意，所有插件都依賴 jQuery （也就是說，jQuery必須在所有插件之前引入頁面）。 bower.json 文件中列出了 Bootstrap 所支持的 jQuery 版本。</p> <h3 id="datashuxing">data 屬性</h3> <p>你可以僅僅通過 data 屬性 API 就能使用所有的 Bootstrap 插件，無需寫一行 JavaScript 代碼。這是 Bootstrap 中的一等 API，也應該是你的首選方式。</p> <p>話又說回來，在某些情況下可能需要將此功能關閉。因此，我們還提供了關閉 data 屬性 API 的方法，即解除以 data-api 為命名空間并綁定在文檔上的事件。就像下面這樣：</p> <p> <