Bootstrap 3.1.0：附加太长

我在用引导程序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 能说明这个问题 http://jsfiddle.net/Abdull/Ja3XT/.

我希望它可以帮助你：

只需添加一个overflow-y

杰斯小提琴： http://jsfiddle.net/Ja3XT/1/ http://jsfiddle.net/Ja3XT/1/

添加CSS：

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

评论后更新：

fiddle : http://jsfiddle.net/F4FZL/1/ http://jsfiddle.net/F4FZL/1/

JS :

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


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