Janko
Posts: 0
Joined: Tue Mar 12, 2013 11:59 pm

header and footer fixed, outside of content area, no bouncing on iOS

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.

Igor
Posts: 0
Joined: Tue Apr 02, 2013 12:05 pm

header and footer fixed, outside of content area, no bouncing on iOS

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.

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

header and footer fixed, outside of content area, no bouncing on iOS

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?

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

header and footer fixed, outside of content area, no bouncing on iOS

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".

Janko
Posts: 0
Joined: Tue Mar 12, 2013 11:59 pm

header and footer fixed, outside of content area, no bouncing on iOS

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!

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

header and footer fixed, outside of content area, no bouncing on iOS

The only one way is to edit native code through xCode.

Ole Henrik Oftedal
Posts: 0
Joined: Thu Apr 19, 2012 4:52 pm

header and footer fixed, outside of content area, no bouncing on iOS

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

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

header and footer fixed, outside of content area, no bouncing on iOS

Hello Ole,

Thank you for the update. Let us know if you need any further help.

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

header and footer fixed, outside of content area, no bouncing on iOS

Sorry, do you need further help?

Return to “Issues”