Stop the scrolling of the header in the jQuery Mobile

In jQuery, if you add a header, it use to scroll by default with the screen which is not the normal behavior for Android. To fix this, you have to add

data-position=”fixed” in the header div tag. So your header will be look like below:
<div data-theme=”b” data-role=”header” data-position=”fixed”>

Try it..

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s