Easing Scroller

• easingScroller.targetMovie = “t”;
• easingScroller.easingPower = “low”;
• easingScroller.align = “vertical”;
• easingScroller.fullscreen = “no”;
• easingScroller.doMask = “true”;
• easingScroller.trackColor = 0×000000;
• easingScroller.mouseMe = false;
• easingScroller.trackAlpha = 100;
• easingScroller.autoScroll = 0;
• easingScroller.loop = false;
• easingScroller.stopOn = “None”;
• easingScroller.trackWidth = 5;
• easingScroller.trackHeight = 400;
• easingScroller.barColor = 0xFF0055;
• easingScroller.barAlpha = 100;
• easingScroller.barkWidth = 5;
• easingScroller.barHeight = 50;
• easingScroller.barHeight = 50;
• easingScroller._x = t._x + t._width + 10;

That is if the instance name of the scroller is “easingScroller”. example:
this.attachMovie(‘easingScroller’,’easingScroller’,this.getNextHighestDepth());

Go to Window and select Component Inspector or press Shift + F7 on your keyboard.

This issue is caused because if the content changes its size then the scroller is updated. Try to have the animations inside the original boundaries.

To solve this is to put a transparent shape or movieclip wider than the text/content  beneath your text/content. 

This will force the mask to be wider or higher in any case.

Yes.

Edit the component and open the as window

and look for the line#273

var W:Number = targetMC._x + targetMC._width;

add a value to the right as shown below:

var W:Number = targetMC._x + targetMC._width + 40;