【问题标题】:Trying to apply a custom scroll bar尝试应用自定义滚动条
【发布时间】:2013-08-26 12:23:20
【问题描述】:

我正在尝试在我的网站中应用类似类型的自定义滚动条,但我似乎遇到了一些问题。

只想知道这种自定义滚动条是复杂还是容易实现。这是完成我的设计的最后一个障碍。对于实施此设计有什么建议或想法?

【问题讨论】:

标签: javascript jquery html css interface


【解决方案1】:

有很多可用的 jQuery UI 插件,你可以很容易地做到这一点。检查here并选择一个。

【讨论】:

    【解决方案2】:

    你可以试试-webkit-滚动条。检查这个fiddle。这里是代码。

    ::-webkit-scrollbar {
    width: 8px; height:8px;
    }
    ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    background:#fff;
    }
    ::-webkit-scrollbar-thumb {
    background: rgba(139,233,38,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }
    

    【讨论】:

    • 世界不是只有 1 个浏览器!
    • 您的解决方案适用于页面中的所有滚动,我假设他只想要那个特定的div
    【解决方案3】:

    很容易实现你can google for custom scrollbars or you can usetinyscrollbarthis

    【讨论】:

      【解决方案4】:

      有很多 javascript 滚动条脚本。您可以试试这个:http://www.dyn-web.com/code/scroll/ -> 看起来您可以使用这个轻松复制屏幕截图中的滚动条。

      【讨论】:

        猜你喜欢
        • 2015-10-14
        • 2011-11-13
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多