TonyS
Posts: 0
Joined: Thu Jun 11, 2015 12:11 pm

fixing the footer across pages

Is there a way to fix that footer so that when you travel from one page to another it doesn't appear to move?

I have to say that I have the pages sliding and I suspect this is why the footer also moves.

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

fixing the footer across pages

Hello,

You need to set footer Position to fixed in its Properties.

TonyS
Posts: 0
Joined: Thu Jun 11, 2015 12:11 pm

fixing the footer across pages

That doesn't work I'm afraid. It still slides across. I think its because I'm using a slide transition. Probably not possible to do.

TonyS
Posts: 0
Joined: Thu Jun 11, 2015 12:11 pm

fixing the footer across pages

The header moves too. It's just the area between the header and footer I want to slide?

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

fixing the footer across pages

Hi -

[quote:]
It's just the area between the header and footer I want to slide?
[/quote]
Sorry, not sure we understand what you're trying to do in your app. Between header and footer is mobile container - it does not moves.

And how you're testing this?

TonyS
Posts: 0
Joined: Thu Jun 11, 2015 12:11 pm

fixing the footer across pages

Just trying to make it so that there is no visible change in the header or footer as the user navigates from page to page. I'm testing on the previewer on my phone.

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

fixing the footer across pages

Hi Tony,

Footer and header are parts of the page.
So when you slide the page all it's parts slides too.

If you want something to be on the each page - you need to add your own element in the body tag.

Here is a code example:

precode

var element = '<div style="position: fixed; top: 0px; left: 0px; right: 0px; height: 40px; background: red; z-index: 100000000;"><>';

jQuery("body")&#46;append(element);

/code/pre

Regards.

TonyS
Posts: 0
Joined: Thu Jun 11, 2015 12:11 pm

fixing the footer across pages

Thanks for that Yurii:)

Return to “Issues”