固定在引导程序“词缀”上的位置不起作用

Question

我将this plugin 添加到this website。我遇到的问题是由于某种原因我无法在网站上固定导航，向下滚动时您可以看到小导航，但它不像插件中那样保持固定。

谁有办法解决这个问题，非常感谢！

这是课程

#dot-nav{    
  right: 10px;
  top: 50%;
  margin-top: -50px;
  height: 100px;
  z-index: 999;
}

Answer 1

您的导航定位固定到最近的相对位置项目，即具有类 page-wrapper 的 div 高度为 3673 像素，因此位置 top:50% 实际上在该 div 的中间做得很好。

解决您的问题的最简单方法是将整个#dot-nav 项目放在页面包装器之外，它会很好地工作。把它放在page-wrapper之后。