JQuery可滚动文本

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

它就像这个页面 ，在最底层它们在一个小的可滚动框中包含大量文本。 我试图实现这个插件，但我对JQuery有点新鲜，所以微不足道的指示对我来说还不够。 如果我可以使用这个插件来做我想要的，这个代码是对的吗？：

 $(document).ready(function(e) { $(".Information").uscrollbar(); });  
 
blah
 
blah
 
blah
 
blah
 
blah
 
blah
 
blah
 
blah
 
blah
 
blah
 
blah
 
blah
  

Answer 1

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

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

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

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

编辑：添加了一个JSFiddle

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

 jquery.uscrollbar.js jquery.uscrollbar.css 

Answer 2

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

：

CSS ：

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

JS ：

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

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

如果没有，只需给这些元素scroll类，它应该没有JS就可以正常工作。

Answer 3

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

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