1. #1
    Sencha User
    Join Date
    Aug 2011
    Posts
    7
    Vote Rating
    0
    lacrosseross is on a distinguished road

      0  

    Default Answered: Animating a list to automatically scroll

    Answered: Animating a list to automatically scroll


    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:

    Code:
    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);
            }
        }
    });

  2. 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.

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,548
    Vote Rating
    872
    Answers
    3566
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1