css - 滚动一个 bootstrap 贴上的 div

Question

我正在尝试在 bootstrap 中创建一个固定的导航栏，它也允许我在页面外时滚动它的内容。

在这里:http://www.bootply.com/T9x2m0FgmV

除了滚动页面时我无法让滚动条正确显示导航栏“treemenu”之外，我几乎已经开始工作了。

理想情况下，我希望侧边栏紧贴顶部，并且看起来与您滚动到滚动条旁边之前的样子完全一样。现在它被弄脏了它的内容的宽度。基本上我希望它保留 col-lg-4

的所有属性

我尝试从 bootstrap 复制下面的 CSS 来模仿 col-lg-4 但这只会让一切变得更糟。

  width: 33.33333333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;

更新 1: 如果我添加如下内容:

.affix{
  top: 0px;
  width: 19%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

在我将页面缩小到足以让 Bootstrap 尝试一个接一个地放置内容之前，它看起来不错。当发生这种情况时，导航栏和内容将被放置在彼此之上。

这看起来不太吸引人:

更新 2: 仅像上面那样添加 % 宽度并不适用于所有不同的浏览器尺寸。

Answer 1

你可以只添加 $('#treemenu').width($('#treemenu').width());

然后你强制元素的宽度。