Jquery Mobile PhoneGap and Initial Scrolling
I am not sure what the problem could be but here is the issue.
When the first page loads (app loads), it scrolls with a fixed footer, even though there is enough space. If I rotate the phone (orientation change), and rotate back to the original position, it no longer scrolls (which is what I want)
I am not sure what could be causing this.
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi" />
<div data-role="page" data-theme="a" id="home">
<div data-role="content">
<img src="images/logo.png" width="239" height="43" alt="logo" />
<div class="content-background">
Even with nothing here, it still scrolls
</div><!--end of content-background-->
</div><!-- /content -->
<div data-role="footer" data-theme="a" data-position="fixed" data-tap-toggle="false">
<p class="footer-text1"><img src="images/footer.png" width="32" height="39" alt="dude" align="left" class="footicon" />© Example 2013 All rights reserved.</p>
</div><!-- /footer -->
</div><!-- Home /page -->
Any help would be appreciated. Thank you!