JQuery插件未正确显示[重复]答案

【问题标题】：JQuery Plugin not showing correctly [duplicate]JQuery插件未正确显示[重复]
【发布时间】：2012-09-19 22:28:01
【问题描述】：

可能重复：
JQuery Scrollable Text

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

<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>

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

【问题讨论】：

你在 30 分钟前提出了这个问题
您是否包含插件的 .js 文件
在我对您上一个问题的回答中，我相信您没有引用 .css 文件。我有一个 jsfiddle，你的代码工作得很好。

标签： jquery html jquery-plugins scroll

【解决方案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 的高度小于可滚动长度

【讨论】：