如何使用 Bootstrap Affix 插件
bootstrapweb developmentcss framework更新于 2026/2/13 5:00:17
Affix 插件允许将 <div> 固定在页面上的某个位置。您还可以使用此插件切换其固定状态。
Affix 插件在三个类之间切换，每个类代表一个特定状态:.affix、.affix-top 和 .affix-bottom。请按照以下步骤为上述任一使用选项设置 CSS。
- 首先，该插件会添加 .affix-top 以指示元素位于最顶部位置。此时，无需进行 CSS 定位。
- 滚动到您想要固定的元素后，应该会触发实际的固定操作。此时，.affix 会替换 .affix-top 并设置位置:fixed; (由 Bootstrap 的代码 CSS 提供)。
- 如果定义了底部偏移量，则滚动超过该偏移量时应将 .affix 替换为 .affix-bottom。由于偏移量是可选的，因此设置偏移量需要您设置相应的 CSS。在这种情况下，请在必要时添加position: absolute;。
