Currently, there are jQuery plugins available that can transform a system's default scroll bar to resemble the iOS scroll bar. Examples of such plugins include . However, the example code for these plugins typically requires a fixed height in order to function properly.
$('#example').slimScroll({
height: '250px'
});
I am interested in implementing the new flexbox standard from 2012-2013, which allows for changing the height and width of the container dynamically. Is it feasible to customize the native scrollbar similar to jQuery slim scroll using this approach? While I am aware that Webkit provides some level of support with custom scrollbars (http://css-tricks.com/custom-scrollbars-in-webkit/), I aim to ensure compatibility across modern browsers like IE11, FF26, Chrome 31, Safari 7).
Could this be achieved without resorting to the DOM manipulation performed by jQuery slim scroll?