JQuery可滚动文本

我正在搜索一个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>

$（文档）.ready（函数（e）{
$（“.Information”）.uscrollbar（）；
});
废话

废话

废话

废话

废话

废话

废话

废话

废话

废话

废话

废话

您真的不需要jQuery来实现这一点。只是一些CSS

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

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

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

编辑：添加了一个

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

jquery.uscrollbar.js
jquery.uscrollbar.css

---

您真的不需要jQuery来完成这个任务。只是一些CSS

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

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

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

编辑：添加了一个

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

jquery.uscrollbar.js
jquery.uscrollbar.css

---

如果需要对元素动态执行此操作，只需使用特殊类将内容包装在

中：

CSS：

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

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

JS：

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

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

$（文档）.ready（函数（）{
$（'.elements（应该滚动的元素））.wrap（$（''，{'class'：'scroll'}））；
});

演示：

---

如果没有，只需为这些元素提供类

scroll

，它在没有JS的情况下应该可以正常工作。

如果需要对元素动态执行此操作，只需使用一个特殊类将内容包装在

中：

CSS：

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

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

JS：

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

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

$（文档）.ready（函数（）{
$（'.elements（应该滚动的元素））.wrap（$（''，{'class'：'scroll'}））；
});

演示：

---

如果没有，只需给这些元素类

scroll

，如果没有JS，它应该可以正常工作。

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

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

---

确保为容器div指定一个固定的宽度和高度，在您的情况下，是包含类信息的div。将其添加到CSS文件中

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

---

你不需要$（document）中的e。ready（function（e）你不需要$（document）中的e。ready（function（e）是的，但我想自定义框的滚动条，使其更好，仅使用css是否仍然可行？@Richard，那么你应该在原来的问题中澄清这一点。你不能用css（受限）自定义滚动条所以这个插件可能会更好地满足这一需求。@DaveHogan，这是我遇到的问题…我真的不知道如何自定义它。没有高度属性或类似的东西。有什么想法吗？你是如何尝试精确地自定义的？它目前正在工作，你需要帮助自定义它吗？是的，但我想自定义t的滚动条他把这个框改成了更好的东西，只使用css还可以吗？@Richard，那么你应该在原始问题中澄清这一点。你不能用css（有限）来定制滚动条所以这个插件可能会更好地满足这一需求。@DaveHogan，这是我遇到的问题…我真的不知道如何自定义它。没有高度属性或类似的东西。有什么想法吗？你是如何尝试精确自定义的？它目前正在工作，你需要帮助自定义它吗？