列表滚动问题

Question

我的列表有问题。我无法滚动它们。该列表向下移动，但在带子后跳转到顶部。 我用煎茶触摸PR4，我有测试此在iPad和谷歌Chrome

我用这个观点

Ext.define('TimeShift.view.Activity', { 
    extend: 'Ext.Panel', 
    id: 'Activity', 
    alias: 'widget.Activity', 
    layout: 'card', 
    config: { 
     items: [ 
      { xtype: 'list', 
       layout: 'card', // fullscreen: true, 
       store: 'ActivityStore', 
       scrollable: 'vertical', 
       itemTpl: '<div class="contact">{Purpose}</div>', 
       items: [ 
        { 
         xtype: 'toolbar', 
         docked: 'top', 
         title: 'Aktivit&#228;ten' 
        }] 
    }] 
    }, 
    initialize: function() { 
     console.log('initialize ActivityList'); 
     this.callParent(); 
    } 
}); 

这种观点是在这个容器

Ext.define('TimeShift.view.ListContainer', { 
    extend: 'Ext.Container', 
    id: 'ListContainer', 
    alias: 'widget.ListContainer', 

    cardAnimation: 'slider', 
    scrollable: true, 
    autoDestroy: true, 
    config: { 
     items: [ 

      { xtype: 'Activity' } 
     ] 

    }, 
    initialize: function() { 
     console.log('initialize ListContainer'); 
     this.callParent(); 
    } 
}); 

我希望有人能够帮助我。

Answer 1

使用布局'fit'到您的父容器或者您还可以指定父容器的高度。如果视口不在现在需要展示下一个项目的范围之后，它将不会滚动。您需要为滚动指定边界。

Ext.define('TimeShift.view.ListContainer', { 
extend: 'Ext.Container', 
id: 'ListContainer', 
alias: 'widget.ListContainer', 
**layout: 'fit',** 
cardAnimation: 'slider', 
scrollable: true, 
autoDestroy: true, 
config: { 
    items: [ 

     { xtype: 'Activity' } 
    ] 

}, 
initialize: function() { 
    console.log('initialize ListContainer'); 
    this.callParent(); 
} 
}); 

（未测试。希望这有助于。）