Comments on: Flash ScrollBar in ActionScript 3.0

By: Vincent Shao

Vincent Shao — Sat, 02 Jan 2010 06:39:28 +0000

i don’t understand what the “parent[ct]” means, can anyone explain it? thx and happy new year

By: Rodrigo

Rodrigo — Wed, 02 Dec 2009 19:27:24 +0000

Hello, I need to change this code below for the button that makes the scroll, horizontal floor?

var sd:Number;
var sr:Number;
var cd:Number;
var cr:Number;
var new_y:Number;
var drag_area:Rectangle;

var flashmo_content:MovieClip;
var flashmo_content_area:MovieClip;
var scrolling_speed:Number; // 0.00 to 1.00

function scrolling( ct:String, ct_area:String, speed:Number ):void
{
scrolling_speed = speed;
if( scrolling_speed 1 ) scrolling_speed = 0.50;

flashmo_content = parent[ct];
flashmo_content_area = parent[ct_area];

flashmo_content.mask = flashmo_content_area;
flashmo_content.x = flashmo_content_area.x;
flashmo_content.y = flashmo_content_area.y;

flashmo_scroller.x = flashmo_scrollable_area.x;
flashmo_scroller.y = flashmo_scrollable_area.y;

sr = flashmo_content_area.width / flashmo_content.width;
//flashmo_scroller.height = flashmo_scrollable_area.height * sr;

sd = flashmo_scrollable_area.width – flashmo_scroller.width;
cd = flashmo_content.width – flashmo_content_area.width;
cr = cd / sd * 1.01;

drag_area = new Rectangle(0, 0, 0, flashmo_scrollable_area.width – flashmo_scroller.width);

if ( flashmo_content.width <= flashmo_content_area.width )
{
flashmo_scroller.visible = flashmo_scrollable_area.visible = false;
}else{
flashmo_scroller.visible = flashmo_scrollable_area.visible = true;
}

flashmo_scroller.addEventListener( MouseEvent.MOUSE_DOWN, scroller_drag );
flashmo_scroller.addEventListener( MouseEvent.MOUSE_UP, scroller_drop );
this.addEventListener( Event.ENTER_FRAME, on_scroll );
}
function scroller_drag( me:MouseEvent ):void
{
me.target.startDrag(false, drag_area);
stage.addEventListener(MouseEvent.MOUSE_UP, up);
}
function scroller_drop( me:MouseEvent ):void
{
me.target.stopDrag();
stage.removeEventListener(MouseEvent.MOUSE_UP, up);
}
function up( me:MouseEvent ):void
{
flashmo_scroller.stopDrag();
}
function on_scroll( e:Event ):void
{
new_y = flashmo_content_area.x + flashmo_scrollable_area.x * cr – flashmo_scroller.x * cr;
flashmo_content.x += ( new_y – flashmo_content.x ) * scrolling_speed;
}

By: Hope

Hope — Mon, 14 Sep 2009 21:18:53 +0000

You guys are my superheros!

By: Ramon Fritsch

Ramon Fritsch — Tue, 28 Jul 2009 18:38:05 +0000

Ok man, great job!

I have made a scroll class too. Verify in http://blog.ramonfritsch.com/t/scroll

cheers

By: Beginner

Beginner — Tue, 09 Jun 2009 05:50:02 +0000

I have a question
I wish to add scrolling with my wheel mouse
How can do this

By: Kenny Cramer

Kenny Cramer — Thu, 28 May 2009 14:24:50 +0000

I am trying to use the flashmo 145 garden flash template as my basis for applying this scroll bar to my RSS feed data. I copied everything over and change the properties to match my existing design… everthing works fine while using the provided XML data file (flashmo_143_news_list.xml) but when I link to my RSS feed (test_feed.xml), everything disappears… in the code, I changed “flashmo_xml.item[i].title.toString()” to “flashmo_xml.rss.channel.item[i].title.toString()” to accomodate for the changes in the xml structure for my feed… My RSS feed was created in Feeder 1.57 and does not have a “target” tag (but does have a I do have pubDate)… I haven’t gotten far enough along to edit your code so that these feilds will be include in my final output, so it shouldn’t be any alteration error… unless it is doing this because it is not finding a “target” tag in my XML file? Can you help? THANK YOU!!! THANK YOU!!!

By: shahram

shahram — Wed, 20 May 2009 05:52:55 +0000

thank you admin you are a great man.very cool

By: admin

admin — Thu, 14 May 2009 10:48:40 +0000

Hi shahram, you need to copy and paste the scrollbar from actionscript 2.0 templates such as http://www.flashmo.com/preview/flashmo_116_dream

By: shahram

shahram — Wed, 13 May 2009 18:27:38 +0000

I WANT to integrate the flash scrollbar into the homepage of the flashmo_120_artwork template. , Admin can you help me

By: shortbusowen

shortbusowen — Fri, 01 May 2009 20:11:25 +0000

Great tutorial, is it possible to make it a horizontal without flipping everthing?

By: Niko

Niko — Mon, 27 Apr 2009 10:41:44 +0000

Another question, what kind of changes would i have to make if i wanted to use xml codes like and if i whanted to add one more title to the script

By: Niko

Niko — Sun, 26 Apr 2009 22:24:51 +0000

Hi, you code is very very useful! i have only one question about it. How do i remove the “read the full story” buttons from the code

By: Amol Dharmadhikari

Amol Dharmadhikari — Wed, 01 Apr 2009 05:46:50 +0000

its very good getting knowledge of flash but i want to tell you some things is that you the small examples in with a flash file to download

By: bav

bav — Sun, 29 Mar 2009 12:15:00 +0000

Wow only 1 line of AS? Amazing stuff thanks Flashmo.

By: Flash Beginner

Flash Beginner — Thu, 12 Mar 2009 17:19:57 +0000

Thanks for the advice. One more question – since I am working with the flashmo_079_classic template, is there an easy way to switch the scroll boxes so that they show content entered in Flash, rather than fed in from the XML document? I am interested in a way to format the content of the scroller box to my liking, and don’t need the XML feature. Thanks!

By: admin

admin — Thu, 12 Mar 2009 03:36:51 +0000

Flash Beginner, you may take a look at http://www.flashmo.com/preview/flashmo_064_design for AS2 scrollbar.

By: Flash Beginner

Flash Beginner — Wed, 11 Mar 2009 16:37:17 +0000

Thanks so much! Any suggestions on a scrollboar built in AS2, or a way around this problem?

By: admin

admin — Wed, 11 Mar 2009 10:04:55 +0000

Hi Flash Beginner,

This scrollbar works for AS3 templates only but flashmo_079_classic was built on AS2.

By: Flash Beginner

Flash Beginner — Wed, 11 Mar 2009 03:47:12 +0000

I am trying to integrate the flash scrollbar into the homepage of the flashmo_079_classic template. I am pretty new to flash, and am having trouble getting it functioning. I copied the actionscript code over, and then copied the movie clips over, but it doesn’t seem to work – I am getting a green box with the content behind it, and the scroller doesn’t work… any suggestions (or more detailed directions) would be really nice! Thanks

By: Oleg

Oleg — Tue, 17 Feb 2009 05:02:18 +0000

I’m student, beginer in AS3. Tutorial is very usefull. Thanks.