Scrollable Content areas on Mobile Safari

I'm developing a web app for iOS devices, and want to have a header that stays on the top, and then two scrollable content areas underneath it, kind of like Gmail's iPad interface and the iPad split-view apps. Does anyone know how? I've looked at http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/, which has a good solution to the fixed positioning, but only allows one scrollable content area. Does 开发者_StackOverflow中文版anyone know how to do this? Thanks in advance!

Never mind, just found Sencha Touch, which lets me do this and much, much more!

Use div scrolling. See Glovebox for example. Try this demo on the iPad.