Animeret scrolling på canvas element?

Hej ff,
jeg har et canvas men en masse child's dette gør at der fremkommer en scrollbar, jeg vil gerne kunne lave en animeret scrolling til bunden af canvas.

Jeg ved jeg kan sætte det via:

1	canvas.verticalScrollPosition = canvas.verticalScrollBar.maxScrollPosition;

Men hvordan animerer jeg smartest dette, så verticalScrollPostion'en bliver sat i bestemte delintervaller, istedet for at hoppe direkte til bunden af canvas.

Man kan vel lave noget med timer og sådan, men er der ikke en smartere måde?

/Lasse

4 kommentarer

Hej Lasse.

Du kan brugeAnimateProperty på følgende måde.

import mx.effects.easing.Exponential;
 
[Bindable]
private var nextY:Number;
 
private function animateCanvas():void
{
    nextY = derHvorDuVilAnimereTil;
    canvasScroller.play();
}
 
<!-- ANIMATION -->
<mx:AnimateProperty id="canvasScroller" easingFunction="Exponential.easeInOut" duration="1000" target="{dinCanvasID}" property="verticalScrollPosition" toValue="{nextY}" />

Tak for det Martin, det var det jeg ledte efter

super. og det spiller også fedt hvis du sætter verticalScrollPolicy til "off" så du ikke ser scrollbarene

Garanteret, i mit tilfælde skal den dog gerne være synlig