jquery - Nanoscroller.js - 文本溢出但没有滚动条？

Question

我正在使用 Nanoscroller ( http://jamesflorentino.github.io/nanoScrollerJS/ ) 尝试让边栏在内容过多时滚动。但是，我发现文本溢出了 div(正如预期的那样，因为它是固定高度)但是滚动条没有出现!所以它只是流到页面并经过页脚。它看起来像这样:

有谁知道这可能是什么原因造成的？我使用的代码位于:http://pastebin.ca/2627843

关键位(我认为)是:

<script type="text/javascript">
        $(window).load(function() {
                $('.nano').nanoScroller();
        });
</script>

和:

        background-color:red;
        float:left;
        width: 500px;
        height: 500px;
}


/* Scrolling */

.nano {
        background: #bba;
        width: 500px;
        height: 500px;
}

.nano .content {
        padding: 10px;
}

.nano .pane   {
        background: #888;
}

.nano .slider {
        background: #111;
}

任何评论表示赞赏。谢谢。

Answer 1

使插件工作需要以下类型的标记结构:

<div id="sidebar" class="nano">


 <div class="content"> 

 ... content here ...  


 </div> 


</div>

还有，

$(document).ready(function(){
        $('#sidebar').nanoScroller({ scroll: 'top' });
    });

演示 jsfiddle

和这里的 css，

.nano { width: 500px; height: 500px; }
.nano .content { padding: 10px; }
.nano .pane   { background: #888; }
.nano .slider { background: #111; }