Forum | Appery.io

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.

Hello GodSpeed JP1,

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

Thank you Sergiy, it works!!

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.

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

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

        .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

Works for me.

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

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

Alex,

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

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?