PDA

View Full Version : hide Panel before scrolling



vinny8978
4 Jun 2011, 8:22 PM
Hi, I was wondering if it was possible to, when I start scrolling a panel it shrinks another panel, then when that panel is at "height: 0", the scrollable panel starts to scroll

I have:



main = Ext.Panel({
fullscreen: true,
dockedItems: [
{
dock: 'top',
id: 'topPanel',
height: 100,
html: 'header'
}
],
layout: 'fit',
items: [
{
id: 'scrollablePanel',
scroll: 'vertical',
html: 'scroll Data'
}
]
});


because the top panel will take up allot of space on a mobile, i want it so when the user starts scrolling the "#scrollablePanel", the "#topPanel" changes height untill its at "height: 0, then the scrolling begins....

does any of that make sence

vinny8978
4 Jun 2011, 8:44 PM
just so you all know what I'm after I made a little emulation: http://jsfiddle.net/vinny8978/f8Dux/