1. 程式人生 > >Bootstrap 附加導航(Affix)插件

Bootstrap 附加導航(Affix)插件

html -i family color borde 12px pad lock view

附加導航(Affix)插件允許指定 <div> 固定在頁面的某個位置。一個常見的例子是社交圖標。它們將在某個位置開始,但當頁面點擊某個標記,該 <div> 會鎖定在某個位置,不會隨著頁面其他部分一起滾動。

技術分享圖片如果您想要單獨引用該插件的功能,那麽您需要引用 affix.js。或者,正如 Bootstrap 插件概覽 一章中所提到,您可以引用 bootstrap.js或壓縮版的 bootstrap.min.js

用法

您可以通過 data 屬性或者通過 JavaScript 來使用附加導航(Affix)插件。

  • 通過 data 屬性:如需向元素添加附加導航(Affix)行為,只需要向需要監聽的元素添加 data-spy="affix"
    即可。請使用偏移來定義何時切換元素的鎖定和移動。

Bootstrap 附加導航(Affix)插件