Twitter bootstrap 将导航栏固定到滚动条顶部

我们试图在滚动到达页面的导航栏时将其固定在视口的顶部，同时防止其越过页脚。我们正试图通过粘贴（Bootstrap插件）实现这一点，但它似乎没有任何效果。你能给我一些建议吗

以下是侧边栏的html：

---

此处提供该页面：

如果我正确理解您的要求，您会发现下面的示例很有用。 如果没有所有新奇的东西，它将显示布局的可能核心结构

几点注意：

• #wrapper

  获得了一个

  .d-flex

  类，因此更容易定位/调整边栏和内容div的大小
• 多亏了

  #spy

  上的

  .sticky top

  ，侧边栏才粘在顶部

• .page content

  节点使用

  .container fluid

  类进行了扩展，以正确包装

  .row

  元素
• 它使用Bootstrap的内置功能，监视
  本身。这允许删除javascript的一部分。（这需要侧边栏中链接上的

  .nav链接

  类。）

$（文档）.ready（函数（）{
$（'.nav link'）。在（'click'，函数（事件）{
$（'.nav link'）.removeClass（'active'）；
$（this.addClass（'active'）；
});
});
#侧栏包装器{
/*从一个属性简单调整边栏大小*/
宽度：250px；
背景：#000；
}
.侧边栏导航李{
/*将
-s呈现为两列*/
弹性：0.50%；
最大宽度：50%；
文本对齐：右对齐；
}
.导航链路{
颜色：#999999；
}
/*.active由scrollspy添加*/
.nav-link.active{
颜色：红色；
背景：黄色；
}
.嗯{
/*只是为了模仿内容*/
高度：50vh；
}

标题




























这个词汇表是一个超级棒猫

A.
B
C
D
E
F
G
H
我
J
K
L
M
N
O
P
Q
R
s
T
U
v
W
X
Y
Z
页脚
我在那把小提琴上没有看到任何导航条，这里发布的代码片段也不完整。这是一个很好的解决方案！有没有办法将左菜单放在一列而不是两列上？当然，只需检查上面的
.sidebar nav li
的css并删除这两个属性：
flex:0 0 50%
和
max width:50%
。很乐意帮忙，顺便说一句，欢迎使用堆栈溢出。如果此答案或网站上的任何其他答案解决了您的问题，请将其标记为已接受。格拉齐！