Question

我正在搜索一个jquery插件，它将文本绑定在一个可滚动的框中。大多数滚动插件都在转换浏览器滚动条，但我想保留它，因为它是可用的。这只是为了在一个小空间中包含大量文本。

就像这个page一样，在最底层，它们在一个小的可滚动框中包含大量文本。我试图实现这个插件，但我对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

你真的不需要jQuery。只是一些CSS。

.Information{
height:100px;
overflow:auto;
}

如果你真的需要这个插件，那么请确保你正确引用jQuery和插件js文件的链接。

如果您在浏览器中运行该页面，您会在控制台窗口中获得任何内容。任何错误。

编辑：添加了JSFiddle

编辑：还要确保您引用了所需的资产：

jquery.uscrollbar.js
jquery.uscrollbar.css

Answer 2

如果您需要动态地对元素执行此操作，只需使用特殊类将内容包装在<div>中：

<强> CSS ：

.scroll {
    overflow: auto;
    max-height: 100px;
}

<强> JS ：

$(document).ready(function() {
    $('.elements_that_should_scroll').wrap($('<div>', {'class': 'scroll'}));
});

演示：http://jsfiddle.net/nW7uH/

如果没有，只需将这些元素赋予类scroll，它就可以在没有JS的情况下正常工作。

Answer 3

确保为容器div指定固定的宽度和高度，在您的情况下，使用类Information指定div。将其添加到CSS文件中。

.Information {
    height: 300px;
    width: 300px;
}

JQuery可滚动文本

3 个答案: