What does the animation in scrollTo(x, y, true) do?

[glom1029]

When I use

scrollTo(x, y)

, everything looks fine without animation.

But when I use

scrollTo(x, y, true)

or

scrollTo(x, y, {duration: 250, easing: { type: 'ease-out' }})

, the container "reset" after it scrolls to the right place.

How can I prevent that?

[glom1029]

I solved this problem by
adding one more

scrollTo(x, y)

in onAnimationEnd event,
though I still don't know why I have to add this.

[glom1029]

I found out that in sencha-touch-all.js there's an event

onAnimationEnd: function() {
        this.snapToBoundary();
        this.onScrollEnd();
    }

that works after every animation. And snapToBoundary() function is something like this

snapToBoundary: function() {
        var position = this.position,
            minPosition = this.getMinPosition(),
            maxPosition = this.getMaxPosition(),
            minX = minPosition.x,
            minY = minPosition.y,
            maxX = maxPosition.x,
            maxY = maxPosition.y,
            x = Math.round(position.x),
            y = Math.round(position.y);


        if (x < minX) {
            x = minX;
        }
        else if (x > maxX) {
            x = maxX;
        }


        if (y < minY) {
            y = minY;
        }
        else if (y > maxY) {
            y = maxY;
        }


        this.scrollTo(x, y);
    }

My (x, y) is always (0, 0) just before

this.scrollTo(x, y);

, so it gets back to the origin every scroll.

I think this function's for preventing the content from going out of the container.

Isn't it weird?
Isn't scrolling for something that can't be contained in the container?

[haduki]

it means your content have not got enough width or height to scroll.
Can you post your container layout config and its items?