JQuery Mobile Fixed Toolbar and Footer Bar disappears?

jquery-mobile
Satch3000 picture Satch3000 · Apr 23, 2011 · Viewed 50k times · Source

I am using JQuery Mobile version 4.1a and using:

data-position="fixed"

on both header and footer.

When I scroll the content it disappears and then appears again.

Is there any way to make it stay in it's position and not disappear everytime I scroll the page?

Thanks

Answer

tarkeshwar picture tarkeshwar · Mar 23, 2012

Add data-tap-toggle="false" to the element

or

Add this to Javascript

$("[data-role=header]").toolbar({ tapToggle: false });

Older versions of jQuery use .fixedtoolbar().

jQuery Mobile Docs - Events

Related questions

How can I check if a checkbox is checked?

I am building a mobile web app with jQuery Mobile and I want to check if a checkbox is checked. Here is my code. <script type=text/javascript> function validate(){ if (remember.checked == 1){ alert("checked") ; } else { alert("You …

Read More
How to redirect on another page and pass parameter in url from table?

How to redirect on another page and pass parameter in url from table ? I've created in tornato template something like this <table data-role="table" id="my-table" data-mode="reflow"> <thead> <tr> <th>Username&…

Read More
JQuery Parsing JSON array

I have a JSON output like the following: ["City1","City2","City3"] I want to get each of the city names, how can i do this? $.getJSON("url_with_json_here",function(json){ }); EDIT: $.getJSON('url_here', function(data){ $.each(data, …

Read More