function initialize(orientation, mode, trackMargin) {
$('<div id="scrolllist-host"></div>')
.css({ position: 'absolute', top: -10000, width: 500, height: 500 })
.appendTo('body');
scrollList = new ScrollList(document.getElementById('scrolllist-host'), itemSizeCollection, {
mode: mode || 'flow',
fit: 'auto',
padding: 10,
gap: 10,
concurrentContentLimit: 3
});
$parent = $('<div id="scroll-bar-parent"></div>');
$parent.empty().css({ position: 'absolute', top: -10000, width: 500, height: 500 }).appendTo('body');
parentEl = $parent[0];
options = {};
options.scrollerId = 'scroll-bar';
options.scrollTrackId = 'scroll-bar-container';
options.scrollerClass = 'scroll-bar';
options.scrollTrackClass = 'scroll-bar-container';
options.orientation = orientation;
options.scrollerZIndex = 5;
options.scrollerThickness = 5;
options.scrollTrackThickness = 5;
options.trackMargin = trackMargin || 0;
scrollBar = new ScrollBar(scrollList, parentEl, options);
// Need to trigger a render so that the scrollbar's callbacks get registered.
scrollList.render();
}
beforeEach(function() {
$element.appendTo(document.body);
scrollList = new ScrollList($element[0], itemSizeCollection, {
mode: ScrollModes.PEEK,
fit: 'auto',
padding: 10,
gap: 10,
concurrentContentLimit: 3,
persistZoom: true
});
scrollList.render();
scrollList.scrollToItem({ index: 1 });
scrollList.getCurrentItemMap().zoomTo({ scale: 3 });
});