【问题标题】:How do I use the jquery scrollbar paper plugin?jquery滚动条纸插件如何使用?
【发布时间】:2011-10-30 08:31:55
【问题描述】:

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

【问题讨论】:

    标签: javascript jquery plugins jquery-plugins


    【解决方案1】:

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

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

    这会添加带有 scrollbarpaper-trackscrollbarpaper-containerscrollbarpaper-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

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签