Question

我通过css创建了一个简单的粘滞元素，但我使用的是Bootstrap，如果我包含BS，则粘滞不起作用，但是如果将其移除，则可以正常工作，为什么？有什么主意吗？

.navbar {
  background: hotpink;
  width: 100%;
  height: 50px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

Answer 1

自定义样式之后将应用Bootstrap的样式表，并且覆盖了position: sticky至position: relative的声明。

您有两个选择。

1）确保在引导程序

之后加载样式表

2）编写更具体的选择器，例如body .navbar