Skip to content

Instantly share code, notes, and snippets.

@pfreitag

pfreitag/gist:905959

Created April 6, 2011 16:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pfreitag/905959 to your computer and use it in GitHub Desktop.
Save pfreitag/905959 to your computer and use it in GitHub Desktop.
Download ZIP
jQueryMobile Issue - Click on the links and header positioning gets skewed
Raw
gistfile1.html
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" />
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script>
</head>
<body>
<div id="homePage" data-role="page">
<div data-role="header" data-position="fixed">
<h1>Test</h1>
</div>
<div data-role="content">
<a href="#listItemPage">Change Page with Transistion</a>
<br /><br />
<a href="#listItemPage" data-transition="none">Change Page No Transistion</a>
</div>
</div>
<div id="listItemPage" data-role="page">
<div data-role="header" data-position="fixed">
<h1>Item Page</h1>
</div>
<div data-role="content">
<a href="#homePage">Go Home</a>
<br />
<a href="#homePage" data-transition="none">Go Home no Transition</a>
</div>
</div>
</body>
</html>
@pfreitag
Copy link
Author

pfreitag commented Apr 6, 2011

Click on the links first with the transition to see how the header positioning gets screwed up. Then reload the page and try again without transitions it works great.

@pfreitag
Copy link
Author

pfreitag commented Apr 6, 2011

I added an issue to the jQueryMobile issue tracker here: jquery-archive/jquery-mobile#1388

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment