Page 1 of 2
header and footer fixed, outside of content area, no bouncing on iOS
Posted: Mon May 27, 2013 11:07 pm
by Janko
Hi,
I am struggling to achieve an (apparently) very simple objective.
I want header and footer to stay respectively at the top and at the bottom of page, not on top of the content but out of the content area, for all the application life.
Also, on iPOs I'd like to avoid any bouncing or repositioning effect (without having to work on Xcode as suggested in one of the post I found here).
Is that possibile? how?
I came across a thousand millions suggestion, some in the now deprecated by JQM.
Can you pls provide a fresh working solution?
Thanks a lot.
also .. where can I change the header height (I need to fit in an ADV)?
Janko.
header and footer fixed, outside of content area, no bouncing on iOS
Posted: Mon May 27, 2013 11:59 pm
by Igor
Hello Janko,
[quote:]
also .. where can I change the header height (I need to fit in an ADV)?
[/quote]
You can use CSS. Set "Class Name" for header. Then add css:
code
.className {
height:20px;
}
/code
I will update about another questions when we have more information.
header and footer fixed, outside of content area, no bouncing on iOS
Posted: Tue May 28, 2013 3:34 pm
by Maryna Brodina
Hello! Could you clarify your question please "Also, on iPOs I'd like to avoid any bouncing or repositioning effect" and post links to the topic you are referring to?
header and footer fixed, outside of content area, no bouncing on iOS
Posted: Tue May 28, 2013 4:03 pm
by Maryna Brodina
Hi again, there is no other way then edit native code in xCode to get "header and footer to stay respectively at the top and at the bottom of page".
header and footer fixed, outside of content area, no bouncing on iOS
Posted: Tue May 28, 2013 4:28 pm
by Janko
Hi,
Thanks.
To make myself clearer: when I scroll the page down on the iPhone beyond its natural boundaries, the page itself (including the header) is dragged by a certain amount down, showing the outer area. Then when released, the page bounce back to its original position, so that header and the top of the screen match again.
The same for the footer when scrolling the page up.
Any clue how to avoid this?
Thanks!
header and footer fixed, outside of content area, no bouncing on iOS
Posted: Tue May 28, 2013 4:43 pm
by Maryna Brodina
The only one way is to edit native code through xCode.
header and footer fixed, outside of content area, no bouncing on iOS
Posted: Wed Jun 11, 2014 1:55 pm
by Ole Henrik Oftedal
Hi!
When you export the project to Xcode you will probably have PhoneGap 2.6 or later as a an external resource in the builders App settings.
When you open the project in xcode you will find a config.xml file.
Be sure to include this:
I found this info here and tested ok in my app.
http://stackoverflow.com/questions/18...
Best regards
Ole Henrik Oftedal
Timeflex Systemer AS
http://www.timeflex.no
http://www.timeflex.com
header and footer fixed, outside of content area, no bouncing on iOS
Posted: Wed Jun 11, 2014 2:27 pm
by Evgene Karachevtsev
Hello Ole,
Thank you for the update. Let us know if you need any further help.
header and footer fixed, outside of content area, no bouncing on iOS
Posted: Wed Jun 11, 2014 3:51 pm
by Ole Henrik Oftedal
header and footer fixed, outside of content area, no bouncing on iOS
Posted: Thu Jun 12, 2014 3:10 pm
by Maryna Brodina
Sorry, do you need further help?