如何使用 Bootstrap Affix 外掛

affix 外掛允許 <<div> 固定在頁面上的某個位置。你還可以使用此外掛開啟和關閉其固定位置。

affix 外掛在三個類之間切換，每個類代表一個特定狀態 − .affix、.affix-top 和 .affix-bottom。 按照以下步驟設定以上任何一種使用選項的 CSS。

• 首先，該外掛會新增 .affix-top 以表明元素處於其最高位置。此 時，無需 CSS 定位。
• 當滾動超出想要固定的元素時，應該觸發實際固定。這是 .affix 替換 .affix-top 並設定 position: fixed; 的地方（由 Bootstrap 的程式碼 CSS 提供）。
• 如果定義了底部偏移量，那麼滾動超出該偏移量應該使用 .affix-bottom 替換 .affix。由於偏移量是可選的，因此要設定一個，則需要設定適當的 CSS。在這種情況下，在必要時新增 position: absolute; 。

鄧楠（Nancy Den）

更新於：2020 年 6 月 12 日

214 次瀏覽

開啟您的 職業生涯

完成課程獲得認證

開始