Forum | Appery.io

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.

Hello,

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

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.

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

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?

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.

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.

Thanks for that Yurii:)