How to really fix header and footer postion?

[GodSpeed JP1]

I have a page with fixed header and footer,
but when I have a long list in this page,
I tap the screen the header and footer disappear(inline),
I tap again,they show(fixed)......
I add the attr [data-tap-toggle="false" ] into the header tag,but nothing change.Anybody know how to fix this?
I use iso Appery.io tester.

[Serhii Kulibaba]

Hello GodSpeed JP1,

Look at this link: https://getsatisfaction.com/apperyio/...

[GodSpeed JP1]

Thank you Sergiy, it works!!

[Marco Spera]

Hi,

I am having this same issue.
Upon adding $("[data-role=header]").css("position", "fixed"); is the result that the footer constantly shows in its place, or that it hides and right away jumps back to place?

I am experiencing the footer dissapearing and right away jumping back on its own into place.

I would like it to never leave, even if the screen is tapped.

[Alena Prykhodko]

Hi Marco,

To fix footer use this code:
pre
$("[data-role=footer]").css("position", "fixed");/pre

Also you can try to add footer class name and this CSS rule to asset:
pre
.footerClass{
/* also try to use absolute */
position: fixed;
bottom: 0px;
}/pre

[Marco Spera]

Hi Alena,

I am new to working with CSS.

Just to confirm I have followed the correct steps.
1) I selected create new and CSS.
2) entered the following code

Code: Select all

        .footerClass{ 
              /* also try to use absolute */ 
              position: fixed; 
              bottom: 0px; 
               } 

3) Went to the appropriate page and entered "footerClass" in the ClassName section.

Is this all that needs to be done? It does not seem to work for me.

Also, where should I be entering the first code
$("[data-role=footer]").css("position", "fixed");

Thanks

[Alena Prykhodko]

Works for me.

Run this code on Page show event
pre$("[data-role=footer]").css("position", "fixed"); /pre

[Alex GG]

Hi Aleana, I have tried the two options to try to make the footer and header in place..

But neither have worked for me, Actually in one page I have a carousel with 3 frames and every time I swipe the image the header desappear, and sometimes the carousel got unresponsive..

How to really fix this problem??

Regards

[Alena Prykhodko]

Alex,

Please give us your app public link and steps to test.

[Marco Spera]

Hi Alena,

This method works great for all my pages, except the one that has a long listing service of 100+ items.

Do you think this could be a part of the reason why my footer and header keep hiding and returning?