prevent header from scrolling

[Michael4771079]

Thx Garrett
the css fix didnt work very well I will try you suggestion, sound very reasonable

thx again

[Yan Yi]

I've viewed many posts regarding fixing header, and below are my findings:
data-position = fixed does not seem to work.
webviewbounce = "false" is no longer supported in Phonegap 3.0, and is replaced by DisallowOverscroll = 'true". So those of you who are looking to fix headers and disable bounce, use DisallowOverscroll = 'true". This is less resource intensive than creating CSS assets and using Javascript.

However, I have a question. Does anyone know how I can just fix the header only, but let the other parts able to be overscrolled (like the picture below)?

[Michael4771079]

Hi Yan,
this is on my final todo list, haven't tried it yet, I will once I sort some other things, I tried DisallowOverscroll = 'true" feels nasty, didn't like it.

However I found this, looked interesting,

http://stackoverflow.com/questions/22...

let me know
regards
Michael

[Yan Yi]

Thanks Michael. The stackoverflow method was able to fix my header, but the other parts of the container cannot be overscrolled to give a native feel. Does it work for you?

[Michael4771079]

Hi Yan,
no, it didn't get it to work either, thanks for the headsup,
I had to revert to bounce header, the fix makes it worse that bounce,
I think this has to be done in xcode, appery.io have it in there test ios app that was produced in the native envoirment, maybe appery will add it,
BTW, did prfetch work code from Igor work for you.

cheers

[Yan Yi]

Regarding prefetch, I am not sure whether it worked. Is there any way to check , for example using chrome console? My slide transitions are still laggy unless I use multipage template.

[Michael4771079]

I have had this prob for a while,
slide is terrible if you have any services or images sized with js on the screen,
I changed to pop, the animation disguises the brief white flash, and use slide and flip for non service screens.

[Cody Blue]

I have the same issue as pointed out in the very beginning of this conversation thread. Reading thorough this response it doesn't seem like there is a conclusive solution that the community can use.

Is there a way in JS to prevent header scroll as shown is image by Michael, without having to modify native code/configuration?

Regards.

[Alena Prykhodko]

Hello,

It's a standard InAppBrowser behaviour.

[Cody Blue]

Alena,

I am very disappointed in feedback as such. If you said helping deploy applications on iOS/Android is not Appery's target, your remark would be perfectly acceptable. But I am not sure how would you expect folks to deploy apps without getting rejected ay Apple unless issues as such are resolved. Not a single application that I have downloaded/used on iOS has this behavior, include your Appery iOS tester app: may be you can share how you fixed this issue in it.

Regrds.