Question

我试图让affix.js与bootstrap 4一起工作。这是官方的js：

这适用于例如：

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

但左边有一个奇怪的跳跃。 affix还需要一堆css吗？因为我无法找到与存储库中的词缀相关的任何内容。

Answer 1

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

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

您正在看到跳转，因为position:fixed将该元素从正常文档流中取出，因此您必须在CSS中对其进行定位并设置高度，宽度等。

<强>更新

Affix组件已从Bootstrap 4中删除，因此现在您必须使用具有position：sticky support的浏览器，或类似于my answer here的jQuery / JS