jquery滚动条纸插件如何使用？

Posted 2023-05-09

【中文标题】jquery滚动条纸插件如何使用？

【英文标题】：How do I use the jquery scrollbar paper plugin?

【发布时间】：2011-10-30 08:31:55

【问题描述】：

我想使用the jquery scrollbar paper plugin 更改文档中滚动条的样式。但是插件的页面似乎没有任何文档。我应该如何使用这个插件（除了包含下载的 zip 文件给你的 js 和 css 文件）？

【参考方案1】：

example page 表明您需要做的就是在任何想要自定义滚动条的元素上使用 jQuery 插件。

$('.use-scrollbarpaper').scrollbarPaper();

这会添加带有 scrollbarpaper-track、scrollbarpaper-container 和 scrollbarpaper-drag 类的 div，我认为它们在提供的 CSS 中默认设置了样式，因此您可以根据需要设置它们的样式。

【讨论】：

出于某种原因，jquery 似乎在所选类的内容之前插入了 div。它不会改变滚动条的样式。难道我做错了什么？我在具有overflow:auto; 属性的 div 上执行它。

好的，我刚刚意识到插件就是这样工作的，但是由于某种原因，插件添加的滚动条没有覆盖默认滚动条。它在旁边的某个地方，我不知道为什么。

插件滚动条后面出现的原始滚动条是否可以隐藏？

插件没有给具有 css 类 .scrollbarpaper-container 的 div 指定高度（）。一定要给这个 div 一个高度，原来的滚动条应该被这个 div 覆盖并“隐藏”....例如goo.gl/Em2vU

像这样添加css样式：div.scrollbarpaper-container height: 400px;

【参考方案2】：

代码和一些示例可以在插件的googlecode页面上找到：

http://code.google.com/p/scrollbarpaper/source/browse/#svn%2Ftrunk