Search jQuery

jQuery Forum

jQuery Mobile

John Chac..

fixed footer position and dynamic content

in jQuery Mobile • 11 years ago

I am updating content onclick of a button.

After updating fixed footer is jumping up a bit..

I know there is some issue related to scroll and fixed footers...

Below is a sample replication...

<html>
<head>
<title>Main menu</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"
/>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
function ContentUpdate() {
var _page = $.mobile.activePage;
var _content = _page.find(":jqmData(role=content)");
_content.children().remove();
var _nav = $("<div data-role='navbar'> <ul> <li><a href='a.html' class='ui-btn-active'>One</a></li> <li><a href='b.html'>Two</a></li> </ul> </div>");
_content.append(_nav).trigger('create');
}
</script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div data-role="page" id="pagina">
<div data-role="header">
<h3></h3>
</div>
<div data-role="content">
<div data-role="navbar">
<a href="#" onclick="ContentUpdate()" data-role="button">ContentUpdate</a>
</div>
</div>
<div data-role="footer" data-position="fixed">
<h3></h3>
</div>
</div>
</body>
</html>

Replies(2)

webdpro

Re: fixed footer position and dynamic content

11 years ago

This is one of the big problems with the "fixed footer" in jqm 1.0. version 1.1 will have true fixed headers and footers that work very well. You can try them out here

http://jquerymobile.com/test/docs/toolbars/bars-fixed.html

This will be int he 1.1 release this month so that should fix your problem.

amadeodon..

Re: fixed footer position and dynamic content

11 years ago

webdpro - can you tell us specifically when we may expect 1.1 to be released?

Top Reply

Response title

Attachments

jQuery Forum

fixed footer position and dynamic content

Replies(2)

Re: fixed footer position and dynamic content

Re: fixed footer position and dynamic content

Statistics

Tags

Actions