Question

我创建了一个包含足够文字的网站，以便您可以滚动（http://jsfiddle.net/o0emtyug/1/）。在右侧，我在我的网站上添加了一些特殊功能按钮，它们位于fixed并且使用CSS top:XXpx;间隔。此外，我将按钮放在菜单栏div容器nav-primary中。

使用我的JQuery脚本sticky-nav.js，即使我向下滚动页面，菜单栏也始终显示在我的页面上。因此，如果我向下滚动页面，我的菜单栏将保持在页面顶部。

我想要实现的目标：

我希望我的按钮始终与菜单栏保持相同的距离。为此，我需要删除CSS代码top:XXpx;。如果我这样做，我的按钮就会消失。我尝试将top更改为margin-top，但这并没有解决我的问题。

任何人都能告诉我我需要做什么才能将按钮排列在菜单栏的正下方，滚动时具有相同的高度？

Answer 1

我在导航栏中添加了一个带有绝对定位的测试按钮，因此它似乎不在容器中，但继承了它的位置：

#test {
  position: absolute;
  right: 0px;
  top: 100px;
}

这里是Fiddle

请记住，绝对定位是相对于Body 或具有特定position的第一个容器。在这种情况下，top:100px相对于.nav-primary，position: relative。