词缀插件允许<div>附着到页面上的某个位置。您也可以使用此插件切换它的固定状态。
词缀插件在三个类之间切换,每个类代表一个特定的状态-.affix,.affix-top和.affix-bottom。请按照以下步骤为上述任一使用选项设置CSS。
首先,该插件会添加.affix-top,以指示该元素位于其最高位置。此时,不需要CSS定位。
滚动越过您要附加的元素,应触发实际的附加。这是.affix替换.affix-top并设置位置的位置:固定;(由Bootstrap的代码CSS提供)。
如果定义了底部偏移,则滚动到该位置应将.affix替换为.affix-bottom。由于偏移量是可选的,因此设置偏移量需要您设置适当的CSS。在这种情况下,添加位置:绝对;必要时。