0

I am making a testing webapp using jQuery mobile on iPad, and something just don't go as what I expected.

.ui-footer-fixed {
    bottom: 0;
}

This should makes the footer to stay at the bottom at all time, but Safari decided to not to agree with it. When you get to the bottom of the page, then you can pull up the whole webpage, which is what I don't want. Is it possible to fix it or is it a limitation of a webapp?

up enter image description here

Also, other than that, is it possible to make the header top: 0px without making the whole page going up? Thanks.

Derek 朕會功夫
  • 92,235
  • 44
  • 185
  • 247

1 Answers1

1

To fix the header or the footer, you should use the attribute data-position="fixed".

Check the online doc for more information: http://jquerymobile.com/demos/1.2.0/docs/toolbars/bars-fixed.html

I think the problem you're encountering is linked to the integrated webview of the iPad. This "webview bounce" cannot be avoided if you're developing a simple webapp.

However, you may have a look at these workaround: Disable vertical bounce effect in an ipad web app

Community
  • 1
  • 1
Littm
  • 4,923
  • 4
  • 30
  • 38