jQuery Forum

I noticed that if you press on the scrollable content and move your finger down, the header moves down too. Can this be prevented?

No.

jQuery Mobile does NOT scroll the content between the header and footer!. There's not as much magic going on here as you think. When you scroll content with fixed header/footer, you are still scrolling the page, not the content between the header and footer.

The header and footer are simply overlaid on top of the page in fixed positions. Padding is adding to the top and bottom of the page equal to the heights of the header/footer, so that when the page is scrolled all the way to the top, for example, the padding is underneath the header.

You can verify this by examining the scrollbar. It extends fully from the top of the page to the bottom of the page.

I guess I don't understand the reason behind the question. Watusiware is right, that is exactly how it works. If you don't want them to be fixed, then don't add data-position="fixed"? If you do want it fixed then what is the issue?

I want the header to be fixed but the rest to scroll. This can be accomplished by using data-position="fixed" on header but the problem is that the header still somewhat scrolls when you move to the bottom of the page. Seems that many people have the same issue but there are only 3rd party solutions to this problem.

OP wishes that the browser worked differently than how the browser works. There is no way for jQuery Mobile to change how the browser works.

When you scroll a page down, the page will "rubber band" at the top and the bottom.

Yes, there are only third-party solutions. My jquery.mobile.iscrollview plugin is one:

https://github.com/watusi/jquery-mobile-iscrollview

jQuery Mobile has no widget for scrolling an area inside the page. The preferred solution stated by the developers is to use CSS overflow:scroll. However, no browser maker has yet to fully-bake overflow:scroll. (The implementations are all half-baked.)

The JQM team has done some wishing of their own, and the browser makes have not granted the wish.