原生滚动条覆盖

Question

目前有一些jQuery插件使系统的原生滚动条看起来像iOS滚动条（http://rocha.la/jQuery-slimScroll和其他）。这些平台的示例代码使它们看起来需要一个固定的高度才能工作。

    $('#example').slimScroll({
        height: '250px'
    });

我想采用新的flexbox标准版（2012-2013）。容器的高度和宽度可以改变。是否有可能以与jQuery slim scroll类似的方式覆盖本机滚动条？我知道webkit有这个http://css-tricks.com/custom-scrollbars-in-webkit/，但我希望能够在现代浏览器中获得支持（截至本文发布时，IE11，FF26，Chrome 31，Safari 7）。

这可能吗？或者我是否必须覆盖jQuery slim scroll似乎做的DOM黑客攻击？

Answer 1

我的朋友，可能不是一件容易的事。跨浏览器解决方案可能用一堆看起来像滚动条的小div替换元素，然后使用整体高度VS可视高度计算滚动内容的程度。