Scrollbar for CreateJS using ZIM Slider Component on the HTML 5 Canvas with JavaScript
ZIM Slider component now has an inside parameter that when set to true basically makes a scrollbar. Try out the ZIM Bit above. Here we feature a button that is scaled to match the proportion of the content showing. Pagedown, Pageup, arrows, scrollwheel and clicking on the bar all move the content as expected. You could add little buttons at the top and bottom quite easily for a mimic of the system scrollbar. Easing or damping was added to the content on the right for smoother scrolling effect.
ZIMjs is the free open source library of Interactive Media modules that works in conjunction with CreateJS and JavaScript for the HTML 5 Canvas. There are lots of tutorials and tips on the ZIM site – why not try it out now!
Advertisements
Is it possible to make this work for mobile devices? and by this, I mean that you will be able to scroll by touch inside the mask area, and not tapping the scroll bar. Thanks.
LikeLike
It sounds like you want the new zim.Window() http://zimjs.com/code/bits/view/window.html
LikeLike