Search jQuery

jQuery Forum

jQuery fixed header

in jQuery Mobile • 6 years ago

Did jQuery Mobile already fixed the iOS "bug" of the fixed header? When working on Android (in combination with Phonegap by the way) the fixed header stays fixed when focusing on an input field, but when doing this on iOS the header starts scrolling. Is this a jQuery Mobile flaw or an iOS feature?

I have found numerous ways of hiding the header onfocus, but I would simply like the header to stay at the top of the page/app. Can this be done?

Replies(2)

watusiware

Re: jQuery fixed header

6 years ago

There's nothing that can be done without native code. So, it's not possible in the browser, but can be done for Phonegap, Rhodes, etc.

The UIWebView is contained within another native view. The UIWebView "conveniently" scrolls the UIWebView inside this native view to bring the focused element into view.

Besides headers, this wrecks havoc with iScroll, etc. You don't want the UIWebView scrolling itself around - you want to take control and scroll the iScroll window instead.

It's possible to subclass the outer view with native code, and block the scrolling. There is a plugin for PhoneGap. And I've done it for Rhodes.

It's.... complicated.

Opolo Web..