I have a toolbar which is created like this -

Code:
toolbar = new Ext.Toolbar(
               {
                   docked: 'bottom',
                   scrollable: {direction: 'horizontal', directionLock: true},
                   hidden: true,
                   items: thumbItems
               });
I am using the following code to scroll it -

Code:
toolbar.getScrollable()
           .getScroller()
            .scrollTo(scrollUnit * scrollAmount, 0, 
                             {type: 'slide', duration: '1000', easing: 'linear'});
It's working fine when the toolbar is visible. I can see the scroller scoll to the desired position, but If this code is executed while the toolbar is hidden, the scroller simply doesn't scroll. I can see in the console that this code is being executed, but the scroller is simply not moving from it's position.
What is wrong here?