Page 2 of 4

prevent header from scrolling

Posted: Thu May 09, 2013 12:10 pm
by Michael4771079

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

thx again


prevent header from scrolling

Posted: Tue Mar 25, 2014 2:56 am
by 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)?

Image


prevent header from scrolling

Posted: Tue Mar 25, 2014 3:21 am
by 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


prevent header from scrolling

Posted: Wed Apr 02, 2014 11:12 pm
by 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?


prevent header from scrolling

Posted: Wed Apr 02, 2014 11:24 pm
by 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


prevent header from scrolling

Posted: Wed Apr 02, 2014 11:29 pm
by 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.


prevent header from scrolling

Posted: Wed Apr 02, 2014 11:39 pm
by 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.


prevent header from scrolling

Posted: Tue Nov 25, 2014 12:33 am
by 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.


prevent header from scrolling

Posted: Tue Nov 25, 2014 7:18 am
by Alena Prykhodko

Hello,

It's a standard InAppBrowser behaviour.


prevent header from scrolling

Posted: Tue Nov 25, 2014 6:08 pm
by 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.