固定在bootstrap上的位置'词缀'不工作

时间:2014-06-23 06:56:58

标签: javascript html css twitter-bootstrap-3 css-position

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

有没有人有办法解决这个问题,非常感谢你!

这是班级

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

1 个答案:

答案 0 :(得分:0)

您的导航被定位到最近的相对位置项,即具有类页面包装器的div高度为3673像素,因此位置顶部:50%实际上是在该div的中间做得很好。

解决问题的最简单方法是将整个#dot-nav项目放在页面包装器之外,它将运行良好。把它放在页面包装器之后。