jquery - JQuery 插件未正确显示

Question

可能重复：
JQuery 可滚动文本

我正在尝试使用这个插件，这是我的代码：

<script>
$(document).ready(function(e) {
    $(".Information").uscrollbar();
});
</script>

<div id="Hotel" class="Information">
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
    </div>

但是当我打开页面时，它只显示文本，但没有包含文本的框或演示图片中显示的滚动条。我究竟做错了什么？

Answer 1

尝试将 div 的高度设置为 50px，然后重试..

.Information
 {
    height: 50px;
 }    
    <script>
    $(document).ready(function(e) {
        $(".Information").uscrollbar();
    });
    </script>

<div id="Hotel" class="Information">
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
        <p>blah</p>
    </div>

看起来 div 的高度小于可滚动长度