3

我不明白为什么右侧边栏的高度不是100%,当我向下滚动页面时,背景被中断。

<nav id="nav" class="nav-primary hidden-xs nav-vertical">
<ul class="nav affix-top" data-spy="affix" data-offset-top="50">
<li><a href=""><i class="icon-user"></i> Профиль</a></li>
<li><a href=""><i class="icon-bar-chart"></i> Финансы</a></li>
<li><a href=""><i class="icon-sitemap"></i> Товары</a></li>
<li><a href=""><i class="icon-signal"></i> Товары (статистика)</a></li>
<li><a href=""><i class="icon-envelope-alt"></i> Уведомления (10)</a></li>
</ul>
</nav>

在此处输入图像描述

生活例子在这里

4

2 回答 2

6

几件事。

  1. position在 CSS 中为#nav.
  2. 你应该只有一个,而且应该是position:fixed
  3. 不需要top: 0; left: 0ANDbottom: 0;如果对象是 100% 高度并固定在左上角,它将始终接触底部。

CSS应该是:

#nav {
  position:fixed;
  width: 200px;
  z-index: 1000;
  left: 0;
  top: 0;
  border-right: 1px solid #162636;
  height: 100%;
}
于 2013-09-04T01:27:15.603 回答
2

侧边栏的高度是 100%,但是,当您向下滚动页面时,页面的高度会超过 100%。侧边栏的高度不会增加以匹配页面的高度。因此,将侧边栏的position属性更改为position:fixed可能会有所帮助。

于 2013-09-03T22:31:14.473 回答