Persistent header in jQuery Mobile

Question

Couldn\'t figure out a way to put a bounty on my old question, so I\'m reposting it because maybe it was a bug.

Short version: I want a persistent header in a PhoneG

Answer 1

Hi it might be late but this worked for me.

[data-role=page]
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    overflow: scroll;
    margin: 0 auto -40px;
}
.footerPlaceHolder
{
    height: 40px;
}
[data-role=footer]{height:40px; bottom:0; position:fixed !important; top: auto !important; width:100%; z-index: 9999;}

Your html

    ....Your content....
    

    
 
        Back
        Settings 
    

P.S. Please note I am not good at this things especially css. All comments will be greatly appreciated.

Thanks.