Create hidden search field on to of a list

[lsstacc]

I am try to reproduce the interface similar to ipod under iphone, with a hidden search field on top of a list, with drag down to have it appear.
I was able to add a search field on top of a list with vertical scroll.
But wasn't able to hide it by default.

Any idea?

Thanks in advance

var tab = {
			scroll: 'vertical',
			title: 'title',
			id: 'id',
			cls: 'css',
			iconCls: 'icon',
			items: [{
					xtype: 'toolbar',
					dock:'top',
					ui:'light',
					items: [
						{
						xtype: 'searchfield',
						placeHolder: 'Search',
						name: 'searchfield'
						},
						{xtype: 'spacer'},
						{
						cls: 'c-searchfield-buton',
						text: 'Advanced',
						handler: function() { searchPicker.show()}
						}
					]
				},
				{store:store}]
}

};

[hawkinbj]

http://docs.sencha.com/touch/2-0/#!/...croll.Scroller

Configure the scrollable property on your list and define an 'initialOffset.' For example (this is taken from my list config):

scrollable : {            initialOffset: {
            	x: 0,
            	y: 45
            }
        },