Thank you for reporting this bug. We will make it our priority to review this report.
-
Sencha User
[FIXED-360] scroller.scrollTo doesn't fire scroll event
panel.scroller.scrollTo({x: 0, y: scrollToPosY}, 360, 'cubic-bezier(0.4, .75, 0.5, .95)');
When I scroll the panel manually (with touch), the scroller fires the scroll event constantly. But when I scroll the panel with the above instruction it doesn't.
(sencha touch 0.95)
-
Sencha User
Thanks for the bug report.
-
-
Sencha User
Hmmm.. but the scroll event does fire when the scroll animation / transition is triggered by touchscreen input. So when I swipe my finger over the screen and I let go, the scroll event keeps firing with the exact position of the scrollEl until the transition has ended.
I'm using the position quite a lot because I am keeping track of the progress of the scroller to check if some other event should be fired.
So when i do
Code:
this.scroller.on('scroll', this.onScroll, this)
onScroll: function(){
console.log(this.scroller.getOffset().y);
}
I get all the positions the scroller passes... except when i scroll with .scrollTo.
-
-
Sencha User
Ah, clear explanation. I've build a simple work around for my progress checker so I don't need it at the moment but would be cool to have it in a later version!
-
Sencha - Support Team
Hi Tommy,

Originally Posted by
TommyMaintz
This is because css transitions don't fire events during the animation. We won't be able to easily provide these. Is there any particular use case that you need these scroll events for during a scrollTo animation?
When I use scrollTo for Ext.List's scroller, if grouped is true, the indexBar remains unchanged until I scroll it with the finger (sample code here. Scroll down to the bottom, and then click "top" button. indexBar "M" stays). This is because List needs "scroll" event from scroller to check the closest indexBar.
-