Sencha touch：工具栏没有正确滚动

Question

我有一个像这样创建的工具栏 -

toolbar = new Ext.Toolbar({
                            docked: 'bottom',
                            scrollable: {direction: 'horizontal', directionLock: true},
                            hidden: true,
                            items: thumbItems
                        });

我使用以下代码滚动它 -

toolbar.getScrollable()
         .getScroller()
         .scrollTo(scrollUnit * scrollAmount, 
                   0, {type: 'slide', duration: '1000', easing: 'linear'});

工具栏可见时工作正常。如果在隐藏工具栏时执行此代码，则滚动条不会滚动。我可以在控制台中看到正在执行此代码，但滚动条根本没有从它的位置移动。

这里有什么问题？

Answer 1

这可能是因为您在Sencha Touch 2中不推荐创建工具栏的方式

你应该这样做：

Ext.create('Ext.toolbar',{
  docked: 'bottom',
  scrollable: {direction: 'horizontal', directionLock: true},
  hidden: true,
  items: thumbItems
});

希望这会有所帮助。