Sencha Touch 2 - scroll list with other elements

Question

I have a view similar to this (this one is just an example):

xtype: 'container',
layout: {
   type: 'vbox'
},
items: [
   { xtype: 'some elements (actually this one is container, but it doesn't matter I think)' },
   { xtype: 'list', flex: 1 }
]

I need all this stuff to be scrollable together, but if I make list scrollable:false and set true of the same parameter to the parent container - it just cut down my content in the list.

Does anyone know what to do to make it work as I want?

Answer 1

You have done right by giving scrollable : false to list and true of the same parameter to the parent container .Now to prevent cut down of content in the list,you have use the following css code

.<yourListClass> .x-scroll-scroller,.<yourListClass> .x-scroll-container{
position:relative;
}