html - fixed header in cordova -
i'm trying fix header top, if user scrolls trough list search input field , title bars stays on top of screen. @ moment header scrolls content in body...
this have:
<body ng-controller="searchctrl" class="animated fadein"> <div class="bar bar-header fixed bar-assertive" style="padding-bottom: 20px;"> <a href="index.html"class="button icon-left ion-chevron-left smaller button-clear button-white"></a> <h1 class="title">suche</h1> </div> <label class="item item-input has-header fixed" style="margin-top: 5px;"> <input type="text" placeholder="solothurn durchsuchen..." name="text" ng-model="searchbox.storename"> </label> <br>
the fixed class is:
position: fixed;
any appreciated!
just test add !important
css fixed class. 1 of other classes may overriding/cascading on it. if fixes need in style sheet make position: fixed
rule take precedence on other position rule getting applied can drop !important
cleaner , lighter if css cascades correctly first time.
Comments
Post a Comment