原生滾動條覆蓋

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可見高度來計算滾動內容的多少。