javascript - 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
});

希望这有帮助。