Home/ Questions/Q 9074027
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T18:32:43+00:00

I want to make header & footer fixed all time in Phone Gap Application

  • 0

I want to make header & footer fixed all time in Phone Gap Application under iOS
I use jQuery Mobile but when open keypad or select menu (any native) the header & footer become not fixed also I disable toggling,
Also when open native thing (keypad Or Select) the position of simpledialog2 not be centered any more.

This is HTML code for header & Footer

<div id="PageHeader" data-role="header" data-theme="f" data-position="fixed"></div>
<div id="PageFooter" data-role="footer" data-theme="f" data-position="fixed"></div>

This code JS for disable toggling in document ready

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

If any one have this issues & trying to solve it, Please show me the way.

Best Regards.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you’re using position: fixed, you might find that there are things you can’t overcome. In the older days of phones, position: fixed wasn’t even an option because they were afraid that hte fixed elements would cover up other UI elements on the small screen and make stuff inaccessible. Of course, this was a stupid thought and everyone complained about hte lack of position: fixed. Only in the last couple years have phones and other mobile devices begun to support position: fixed. iOS actually has the best support of all but it didn’t arrive until iOS 5.

    I wouldn’t be surprised if there are special conditions like the one you described with no work around.

    • 0