Works beautiful, but weird effect with footer (phonegap/jqm)

[applenoose]

Hi, first post, and thanks in advance for this great script and support!

Got it to work no problem.  The weird effect I seem to be having is that as the page loads, the footer is bumped against the header, after a split second the footer lands in the correct space in the footer area and is then fixed in position.  

I've got the div set as <div data-role="footer" data-position="fixed">

I can provide code if necessary, but has anyone had something similar and what was the solution?  I am testing on an iphone 4 via phonegap.

Thanks!

[Jon Tara]

You're probably initializing it too late. If your footer is inline, you need to resize the wrapper prior to the page being displayed. On JQuery 1.6.4, you need to jquery.actual plugin in order to get the sizes at that point.

My JQM iScroll widget at https://github.com/watusi/iscrollview will do that for you. It handes all the initialization at the earliest possible time. All you need to do is add a data-iscroll attribute to the wrapper and everything is taken care of for you.

[Chris Brody]

Page was not found, should be
https://github.com/watusi/jquery-mobile-iscrollview

Right?

[Jon Tara]

Whoops! Yes, you are correct.