Created
April 6, 2011 16:19
-
-
Save pfreitag/905959 to your computer and use it in GitHub Desktop.
jQueryMobile Issue - Click on the links and header positioning gets skewed
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.