fixing the footer across pages

This forum contains topics that were moved from Get Satisfaction
TonyS
Posts: 0
Joined: Thu Jun 11, 2015 12:11 pm

fixing the footer across pages

Post by TonyS »

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

Post by Alena Prykhodko »

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

Post by TonyS »

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

Post by TonyS »

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

Post by Illya Stepanov »

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

Post by TonyS »

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

Post by Yurii Orishchuk »

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

Post by TonyS »

Thanks for that Yurii:)

Post Reply