Panels do not correctly scroll when longer than the page

[gvanberkel]

My sense is a panel should scroll separately from the header,content,footer like it does on the facebook app, google+ app, gmail app etc.
You can the panel not doing this (and also creating artifacts at the bottom of the page) when viewing the sample panel with a narrow height. http://jquerymobile.com/demos/1.3.0-beta.1/docs/demos/panels/panel-nav-form.html#

[jaspermdegroot]

@gvanberkel

Re: scrolling. See @toddparker his comment at #5449

There were some problems with that page. The footer was just a div after the content without data-role="footer".
This has been fixed. See http://jquerymobile.com/test/docs/demos/panels/panel-nav-form.html and http://jquerymobile.com/test/docs/demos/panels/panel-nav-form-fixed.html

[ghost]

I'm wanting the panel to scroll without the header/content/footer scrolling, i.e., to stay in position as I scroll the panel. I thought that I was going to find out how to do that here, but this seems to address a different topic. Can someone point me to a solution for scrolling just the panel, assuming static panel content, and making no assumptions about the length of the header/content/footer?

[arschmitz]

The only way to do this is with -webkit-overflow-scrolling: touch; which is not well supported in all browsers so it is not currently possibly with the default jqm panel. you can add this to the css yourself to give it independent scrolling

[ghost]

arschmitz, thanks for the rapid reply. You've saved me endless google-search-hours. Now I'll focus on how to do this in CSS. :-)