affix - 让词缀与引导程序 4 一起工作

Question

我正在尝试让 affix.js 与 bootstrap 4 一起使用。这是官方的 js：

这适用于例如：

#foo.affix {
  top: 20px;
  color: red;
  position: fixed;
}

但是左边有一个奇怪的跳跃。词缀也需要一堆CSS吗？因为我在存储库中找不到任何与词缀相关的东西。

score 1 · Accepted Answer

是的，您必须添加 CSS 来处理affix-top,affix和affix-bottom位置。

通过数据属性或手动使用您自己的 JavaScript 使用 affix 插件。在这两种情况下，您都必须为附加内容的定位和宽度提供 CSS。

您看到了跳跃，因为position:fixed将元素从正常的文档流中取出，因此您必须在 CSS 中相应地放置它并设置高度、宽度等。

更新：

Affix 组件已从 Bootstrap 4 中删除，因此现在您必须使用支持 position:sticky 或 jQuery/JS 的浏览器，类似于我在此处的回答

1 回答 1