Sencha Touch Cookbook

Handling Scroll Events

When the scrolling is enabled on a component in Sencha Touch, the framework fires the scroll related events that we use to scroll the content. This recipe lists out the scroll related events and shows how to handle them.

Getting ready

Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.

How to do it...

Carry out the following steps:

1. Add the following handler functions inside the Ext.onReady in ch09_01.js:

       this.handleScrollEvent = function(e) {
         console.log('scroll');
       }
   
       this.handleScrollstartEvent = function(e) {
         console.log('scrollstart');
       }
       
       this.handleScrollendEvent = function(e) {
         console.log('scrollend');
       }

2. Set scroll: 'vertical' property to the panel initialization:

    var ...