Skip to content

Instantly share code, notes, and snippets.

@pfreitag
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.
jQueryMobile Issue - Click on the links and header positioning gets skewed
<!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

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