0

我正在寻找一个 jquery 插件，它将在可滚动框中绑定文本。大多数滚动插件都在转换浏览器滚动条，但我想保持原样并且可用。这只是为了在小空间中包含大量文本。

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

3 回答 3

3

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

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

如果您确实需要此插件，请确保您正确引用了 jQuery 以及指向插件 js 文件的链接。

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

编辑：添加了一个JSFiddle

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

jquery.uscrollbar.js
jquery.uscrollbar.css
于 2012-09-19T21:49:57.493 回答
1

如果您需要动态地对元素执行此操作，只需将内容包装在<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 的情况下正常工作。

于 2012-09-19T21:51:43.670 回答
0

确保为您的容器 div 指定一个固定的宽度和高度，在您的情况下，是具有类 Information 的 div。将此添加到您的 CSS 文件中。

.Information {
    height: 300px;
    width: 300px;
}
于 2012-12-19T21:05:31.667 回答