Question

可能重复：
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>

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

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的高度小于滚动长度

JQuery插件无法正确显示

1 个答案: