I have a page with fixed header and a fixed footer. The height of the content is also fixed to the height of the window.
The document has a panel whose content may grow longer than the height of window/content. When that happens the height of the document gets changed. But I need to keep the height of the document fixed without scrollbars. The panel should get the scrollbar instead.
Example: http://jsfiddle.net/moizhb/GSSD3/
Here is how panel is instantiated:
<div data-role="panel" id="navpanel" data-theme="a" data-display="overlay"></div>
I'd appreciate any directions here.
Thank you!