Move scrollbar from default bottom to top

scrollbarTop.js

function createTopScrollbar(frame) {
    // Target even scrollable?
    var scrollWidth = frame.get(0).scrollWidth;
    if(scrollWidth > frame.width())
        // Add new top scrollbar and hide default (/bottom) scrollbar
        frame.before(
            jQuery('<div />', {
                css: {'overflow-x': 'scroll'},
                height: getScrollbarSize()
            })
            .on('scroll', function(event){frame.scrollLeft(event.target.scrollLeft);})
            .append(
                jQuery('<div />', {
                    width: scrollWidth,
                    html: '&#160;'
                })
            )
        ).css('overflow-x', 'hidden');
}