Orizen Designs – Oren Farhi – Javascript Blog, HTML5, CSS3

hello to all swishmax users and swishmax components users.

Version 2 of Easing Scrollbar component can be found here.

I’m proud to present the first release of a special scrollbar component:
eScrollBar (Easing ScrollBar).

About:

The Easing Scrollbar component is a scroll container which scrolls any content with easing. Unlike any other scrollbars, It includes 3 different ways to scroll the content with easing effect:

• Drag the handle to scroll the content
• Click the track bar to scroll the content
• Use the mouse wheel to scroll the content (the example above doesn’t scroll with the mouse wheel because of certain plugin i use)

Public Api for eScrollBar Component:

Currently, eScrollBar component includes 2 public functions you can use from anywhere in your swishmax project:

• scrollHandle(numberOfPixelsToScroll):
  you can use this function to scroll the content manually.
  Use Negative number to scroll Down and Positive Number to scroll Up.
  example:
  * Assuming the component’s name is (movie clip) : “eScrollBar”, this code will scroll the component 25 pixels down.
  eScrollBar.scrollHandle(-25);
• getHandlePosition()
  This function will return the percentage in which the handle is positioned in respect to the trackbar

In General – You can style and change all elements with any colors and size you want. Make sure to keep the names (of the movieClips, Shapes etc…) as in the source component.
If you change the handle or the track bar – change the graphic shapes and align its _x and _y properties to 0 (zero).

Buy Easing Scrollbar version 2 component for swishmax here