2016-04-19 18 views
0

Ich versuche, meine Kopfzeile an die Spitze zu beheben, so dass, wenn der Benutzer durch eine Liste scrollt das Sucheingabefeld und die Titelleisten oben auf dem Bildschirm bleibt. Aber im Moment mit dem Inhalt im Körper der Kopf blättert nach oben ...fixed header in cordova

Dies ist, was ich habe:

<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> 

Die feste Klasse ist:

position: fixed;

Jede Hilfe sehr geschätzt!

+0

Haben Sie versucht, top: 0 hinzuzufügen? Könnte auch hinzufügen, links: 0 und rechts: 0 auch, wenn es die volle Breite ist. –

Antwort

1

Nur um es zu testen, fügen Sie !important zu Ihrer CSS-Klasse. Eine Ihrer anderen Klassen kann darüber hinweggehen/kaskadieren. Wenn es behoben wird, müssen Sie etwas in Ihrem Stylesheet tun, damit die Regel position: fixed Vorrang vor der anderen Positionsregel hat, die angewendet wird. Dann können Sie die !important löschen, da die CSS die erste korrekt kaskadiert Zeit.