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

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

asp.net mvc - breakpoint on javascript in CSHTML? -