Bootstrap 3.1.0:加贴太长时间

Question

我正在使用Bootstrap 3.1.0.当"视词"对于视口变得太长时,它会被切断,从不显示底部项目.

是否有可能让Bootstrap的词缀表现为用户仍然可以从上到下滚动整个词缀？

问题的例子:

<div class="container">
    <div class="row">

        <div class="col-md-3">
            <div class="list-group" id="sidebar">
                <a href="#" class="list-group-item">Long</a>
                <a href="#" class="list-group-item">list</a>
                <a href="#" class="list-group-item">with</a>
                <a href="#" class="list-group-item">many</a>
                <a href="#" class="list-group-item">entries</a>
                ...
                <a href="#" class="list-group-item">29. Last</a>
            </div>
        </div>

        <div class="col-md-9">
          ... regular content    
        </div>

    </div>
</div>

我希望我的jsFiddle能够解释这个问题.

Answer 1

我希望它可以帮助你:

只需添加一个 overflow-y

Jsfiddle: http ://jsfiddle.net/Ja3XT/1/

添加了Css:

#sidebar{
 max-height: 100%;
 overflow-y: auto;   
}

评论后更新:

小提琴: http : //jsfiddle.net/F4FZL/1/

JS:

$('#sidebar').affix({
    offset: {
        top:100,
        bottom:0
    }
});


$('#sidebar').on('affixed.bs.affix', function(){
    $(this).removeAttr('style');
});