Forum | Appery.io

Any idea how to keep the header/footer fixed during scrolling? They disappear during scrolling on the test of the web version.

Once you stop scrolling, they should appear again. Do you see it happening?

yeah i don't want it to happen while it's scrolling, as they pop on an off every time you start and stop scrolling. thanks for reply

Add this code on page load:
code
$('div[data-role="header"]').removeAttr("data-position");
$('div[data-role="header"]').removeClass("ui-header-fixed");
$('div[data-role="header"]').removeClass("ui-fixed-overlay");
/code

Thanks for the reply!

Now it's gone unless I'm at the top of the screen and the bottom one still does that (noticed your code refers to the header so probably makes sense).

So don't worry just wondering how you can keep those fixed but maybe that's better for the navbar and not the header/footer.

Did you want only the content between header/footer to scroll?

yeah something like that where you can flick down through the feed without a scroll bar. i guess i don't need a header/footer if there is a navbar (something fixed that doesn't move or flicker).

thanks again for the help Max

Yes, you can easily remove header/footer in screen properties.

can header/footer be fixed and scroll without scrollbar (like facebook stream) or flickering during scrolling?

Looks like it was just added to jQuery Mobile (part of version 1.1): https://twitter.com/#!/jquerymobile/s...