Javascript Sencha Touch:：滚动不在移动设备上工作 问题

我的问题是，在组列表上滚动在移动设备上不起作用，在桌面上可以正常工作

在所有无法查看列表最后一部分的设备上，它只是不断反弹

这是代码

Ext.regModel('HotelModel', {
    fields: ['name', 'narrative']
});
var hotelStore = new Ext.data.Store({
    model: 'HotelModel',
    getGroupString : function(record) {
        return record.get('name')[0];
    },
    sorters:'name',
    autoLoad: false
});
BBTM.views.hotelList = new Ext.List({
    id: 'hotelList',
    fullscreen: true,
    itemTpl: '<div class="list-item-title">{name}</div>' + '<div class="list-item-narrative">{narrative}</div>',
    grouped : true,
    allowDeselect: true,
    clearSelectionOnDeactivate: true,
    xtype: 'list',
    indexBar: true,
    store: hotelStore,
    singleSelect: true,
    // layout: 'card',
    flex: 1
});
BBTM.views.hotelListContainer = new Ext.Panel({
    id: 'hotelListContainer',
    layout: 'card',
    fullscreen: true,
    dockedItems: [BBTM.views.hotelToolbar,BBTM.views.hotelList]
});
BBTM.views.hotelsListView = new Ext.Panel({
    id: 'hotelsListView',
    layout: 'card',
    fullscreen: true,
    items: [BBTM.views.hotelListContainer]
});
var App = new Ext.Application({
name : 'BBTM',
useLoadMask : true,
launch : function () {
    BBTM.views.viewport = new Ext.Panel({
        fullscreen: true,
        layout: 'card',
        cardAnimation: 'slide',
        items: [
            BBTM.views.hotelsListView
        ]
    });
}
})

Ext.regModel（'HotelModel'{
字段：['名称'，'叙述']
});
var hotelStore=new Ext.data.Store({
型号：“HotelModel”，
getGroupString:函数（记录）{
返回记录。get（'name'）[0]；
},
分拣员：'name'，
自动加载：错误
});
BBTM.views.hotelList=新的外部列表({
id:‘酒店老板’，
全屏：对，
itemTpl:'{name}'+'{rantative}',，
对,，
allowDeselect:正确，
clearSelectionOnDeactivate:true，
xtype:'列表'，
indexBar：是的，
商店：hotelStore，
singleSelect:true，
//布局：“卡片”，
弹性：1
});
BBTM.views.hotelListContainer=新的外部面板({
id:“hotelListContainer”，
布局：“卡片”，
全屏：对，
dockedItems:[BBTM.views.hotelToolbar，BBTM.views.hotelList]
});
BBTM.views.hotelsListView=新的外部面板({
id:“HotelListView”，
布局：“卡片”，
全屏：对，
项目：[BBTM.views.hotellistcainer]
});
var App=新的外部应用程序({
名称：“BBTM”，
useLoadMask：对，
启动：函数（）{
BBTM.views.viewport=新的外部面板({
全屏：对，
布局：“卡片”，
cardAnimation:“幻灯片”，
项目：[
BBTM.views.hotelsListView
]
});
}
})

尝试从您的酒店列表中删除全屏：true

尝试从您的酒店列表中删除全屏：true

删除全屏并给出配置

  scrollable: {
        direction: 'vertical',
        directionLock: true
  },
  flex:1,
  height: '100%'

---

删除全屏并给出配置

  scrollable: {
        direction: 'vertical',
        directionLock: true
  },
  flex:1,
  height: '100%'