Apr 20 2010

Free AS3 Scrollbar Class

Category: Free Files — admin @ 5:10 pm


I did a couple of searches around and I found out that you can’t easily find a free and good looking scrollbar class which supports Horizontal and Vertical scrolling both at the same time! so I decided to build one :)

then it turned out that it actually does even more than just scrolling horizontally and vertically!!! you can control everything also.

Here are the features of this class:

  • supports horizontal and vertical scrollers individually or you can use them both at the same time
  • the main class itself is extending MovieClip and you can simply add it to anywhere you’d like
  • the content to be scrolled, can be anything, text, html text, an image, a video file, sprite, shape, movieclip, whatever!
  • the scroll has a smooth movement and the speed is customizable
  • mouse wheel is supported
  • the scroller design can be easily modified for your own uses
  • live and runtime scroll support (if your content extends in the runtime, the scrollbar will fix itself to the new dimensions automatically)

check the demo here

let’s have a look at how the scrollbar initializes:

1
2
3
4
5
6
7
8
9
10
11
12
// initialize the scrollbar
myScroll =  new MyFlashLabScrollbar( toBeScrolled ) ; // toBeScrolled is  the  movieclip you want to scroll

// set the scrollbar properties
myScroll.w = 215;
myScroll.h = 275;
myScroll.speed = 50;
myScroll.position = MyFlashLabScrollbarPositions.AUTO;
myScroll.showHandCursor = true;

myScroll.finalize( ) ;
this.addChild(myScroll) ; // add the scroll bar anywhere you want.

check our new Scrollbar class here.

Download Now:

Enter your name and email address, the download link will be sent to your email.

We do NOT share your information with any third party. This is promised.





Tags: , , , , , , , ,

50 Responses to “Free AS3 Scrollbar Class”

  1. Mike says:
    May 21st, 2010 2:30 pm

    Hadi -

    I am still new with AS3 & Flash… learning a bit more & more everyday

    Love your coding, classes, graphic concepts etc.. pure genius!!

    You are by far, my fav flash author at ActiveDen :)

    Hope to see more & more of your stuff soon ( Love the scrollbar class )!

    -happy coding
    Mike

    Reply
  2. Shahzad Khan says:
    July 18th, 2010 3:44 pm

    Thanks Hadi, this is a great help.It saved my time.

    How, if i want to use it twice in my application?

    Reply
    • admin says:
      July 18th, 2010 4:02 pm

      you may use it as many times as you wish. Just initialize the scrollbar for any object that you want to scroll and that should work.

      Reply
  3. Shahzad Khan says:
    July 18th, 2010 4:09 pm

    Thanks for you response Hadi.

    Here is my code for two different movieclips i am using.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    private var myScroll:MyFlashLabScrollbar;
    private var _myScroll:MyFlashLabScrollbar;

    myScroll = new MyFlashLabScrollbar(designWindow.thumbsContainer);
               
                // set the scrollbar properties
                myScroll.w = 287;
                myScroll.h = 290;
                myScroll.speed = 50;
                myScroll.position = MyFlashLabScrollbarPositions.AUTO;
                myScroll.showHandCursor = true;
               
                myScroll.finalize();
                myScroll.x = 10;
                myScroll.y = 75;
                thumbsContainer.addChild(myScroll);
                designWindow.addChild(thumbsContainer);

    _myScroll = new MyFlashLabScrollbar(shapesWindow.clipartContainer);
                _myScroll.w = 287;
                _myScroll.h = 290;
                _myScroll.speed = 50;
                _myScroll.position = MyFlashLabScrollbarPositions.AUTO;
                _myScroll.showHandCursor = true;
               
                _myScroll.finalize();
               
                //myScroll.x = 10;
                _myScroll.y = 75;
                clipartContainer.addChild(_myScroll);
                shapesWindow.addChild(clipartContainer);

    Is this rite?
    Let me know your comments.

    Reply
    • admin says:
      July 18th, 2010 4:17 pm

      almost correct. just try not to addChild the content to be scrolled, remove these two lines.

      1
      2
      designWindow.addChild(thumbsContainer);
      shapesWindow.addChild(clipartContainer);
      Reply
  4. Shahzad Khan says:
    July 18th, 2010 4:21 pm

    It works for the design window, but not working for the shapes window:(
    For some reasons didn’t show up the scroll bar in shapes window.

    Reply
    • admin says:
      July 18th, 2010 4:41 pm

      having a second look at your code I noticed that you are trying to put the thumbsContainer into the scrollbar and from the other side, you are adding the scrollbar itself into thumbsContainer !!! that does not make sense.

      where the scrollbar is added cannot be set as the scrollbar content.

      Reply
  5. Shahzad Khan says:
    July 18th, 2010 4:47 pm

    But for thumbsContainer it works perfect.

    check it out here.

    http://shezi.flashiology.com/productdesigner/main.html

    But do now work for clipartContainer.

    Its says the clipartContainer is in the main, while i have added it as shapesWindow.clipartContainer :(

    Reply
  6. Shahzad Khan says:
    July 18th, 2010 7:09 pm

    Thanks Hadi.

    I have fixed it:)

    Reply
  7. Arabesque says:
    August 31st, 2010 6:36 pm

    Thanks for the great component :D !

    Reply
  8. polo says:
    October 16th, 2010 1:53 am

    gracias

    Reply
  9. DD says:
    December 4th, 2010 2:58 am

    I tried to download it but it won’t let me. I entered the info, pressed the download button, but it doesn’t do anything. No matter how many times I try, it’s always the same.

    Any idea why is this happening?

    Reply
  10. lukman says:
    December 6th, 2010 4:13 am

    horay… i fixed the issue. now i got the download link. and can put comment without error. thanks hadi.

    Reply
  11. meme says:
    December 22nd, 2010 6:34 pm

    great file

    Reply
  12. jim Davis says:
    January 2nd, 2011 11:59 am

    Hey, I entered two email addresses and never got either one.

    Reply
  13. Touf says:
    February 1st, 2011 1:37 am

    Hello,

    I have sent my email adress but I never received a mail from you.
    How can I have your class (Free AS3 Scrollbar Class)

    Thx

    Reply
  14. igor says:
    February 12th, 2011 2:29 pm

    Hi,
    Submitted email address for download but did not receive the link. Is it working?
    Thx

    Reply
  15. Edwin says:
    February 14th, 2011 9:38 pm

    Hi, I didn’t get your link:(

    Reply
  17. David Mack says:
    March 24th, 2011 7:49 am

    Love your AS3 Scrollbar Class demo.

    I submitted my name and email address several times but never received a link to the download; is it still available?

    Thank you.
    David

    Reply
  18. David Mack says:
    March 24th, 2011 7:50 am

    I never received the link for download; is it still available? Thanks!

    Reply
  19. Stefan says:
    March 31st, 2011 7:10 am

    Hi. I entered my email twice and have not received my download link. Is there something wrong on your system. I need this class soon. Plz?

    Reply
  20. admin says:
    April 1st, 2011 5:24 pm

    Hello every body… sorry about the download problem… the damn mail server is killing me! I will try to fix it a.s.a.p

    Reply
  21. Jerry says:
    April 13th, 2011 1:05 am

    I just tried to download your amazing class, but still hasn’t gotten it..

    Reply
  22. Robson Carvalho says:
    April 30th, 2011 10:59 am

    No link for me either :(

    Reply
  23. ali says:
    May 18th, 2011 2:18 am

    our mail server got a problem :( we try to fix it. thanks a lot for your compliments and patience.

    Reply
  24. Jason says:
    May 19th, 2011 10:32 am

    hey i been trying to download this for a week or two now and cant get it to mail me a link.
    can you just email it to me
    i purchased the popup from activeden a week or so ago
    i just need this also thanks if you can email it

    Reply
  25. admin says:
    May 22nd, 2011 12:05 am

    Email problem is now solved :) please go with the downloads now.

    Reply
  26. Norbert says:
    May 22nd, 2011 1:13 am

    Thanks

    Reply
  27. jason says:
    May 22nd, 2011 1:14 am

    thanks it worked

    Reply
  28. DC says:
    June 7th, 2011 1:24 am

    Hi i tried to get the scrollbar class, but all i get is:

    Sorry, no posts matched your criteria.

    What should i do?

    Reply
  29. Batgra says:
    June 25th, 2011 2:24 am

    Anyone able to help me out?
    I believe i set it up correctly, but am getting two errors…

    1046: Type was not found or was not a compile-time constant: myScrollSkin.
    1180: Call to a possibly undefined method myScrollSkin.

    It looks as if myScrollSkin is the culprit, am i missing an imported package?

    Reply
  30. jahnny says:
    June 30th, 2011 1:50 am

    thanks

    Reply
  31. Andrew_I says:
    July 6th, 2011 5:32 am

    Hello! I’m having an issue I cannot solve. I’m getting these errors when I test out the scrollbar:

    C:\…\com\myflashlab\classes\tools\scrollbar\MyFlashLabScrollbar.as, Line 121 1180: Call to a possibly undefined method myScrollSkin.
    C:\…\com\myflashlab\classes\tools\scrollbar\MyFlashLabScrollbar.as, Line 50 1046: Type was not found or was not a compile-time constant: myScrollSkin.

    Which is what Batgra had wrong. I don’t understand what I need to do fix this “yeah… you must copy that from library…”
    Copy what from the library to where?
    Sorry, I’m a beginner.

    Reply
    • admin says:
      July 6th, 2011 8:58 pm

      no prob. just go to the library and you’ll find “myScrollSkin” copy that to your own fla library project and then try compiling… :)

      Reply
  32. Mike says:
    July 22nd, 2011 9:22 am

    bold not working
    <![CDATA[- Austrian monk Gregor Mendel begins his studies of variation.]]>

    Reply
  33. Tim says:
    September 17th, 2011 5:52 am

    Hi!
    I gotta say, the class works awesomely, especially for an as3 beginner like myself. I do have one little “hic-up” though that i just cant seem to figure out. Im trying to get the scroll box to load at the bottom, rather then at the top (when the content within it is large enough to be scrollable). Can anyone help me out by pointing me in the right direction, on how to get that done?? I have got to imagine it isnt super difficult to do, but all the math and variable names loses me.

    Thanks!!

    Reply
  34. Tim says:
    September 17th, 2011 6:00 am

    By “at the bottom” i mean scrolled to the bottom.

    Reply
  35. The Game says:
    December 25th, 2011 5:35 am

    Hi Hadi,

    I just entered my email and name there to download the scrollbar class but I have not received any email. Can you please help/check? where can I download this cool class? thanks :)

    Reply

Leave a Reply

CAPTCHA Image
*