Animating a list to automatically scroll

[lacrosseross]

Hello everyone. I would like to have a list scroll automatically similar to the credits of a movie. I have a way of doing this, but I am wondering if there is a better way. Right now I am using a delayed task and scrollTo:

this.scrollAnimation = new Ext.util.DelayedTask(function() {
    var yStart = -this.list.scroller.offset.y;
    var newY = yStart + this.scrollDistance;
    this.list.scroller.scrollTo({x:0, y:newY});
    this.scrollAnimation.delay(this.scrollSpeed);
}, this);


Ext.apply(this, {
    items: [this.list],
    listeners: {
        activate: function(){
            this.scrollAnimation.delay(this.scrollSpeed);
        }
    }
});

[mitchellsimoens]

The scroller's scrollTo method takes a 2nd argument that is for animate. The 2nd param can be boolean or a number. true to animate, a number for number of milliseconds to animate.