コードバーの固定ヘッダー

ヘッダーを上部に固定しているため、ユーザーがトラフをスクロールして検索入力フィールドとタイトルバーを画面上部に表示するようにしています。しかし、体内のコンテンツを持つ瞬間ヘッダにスクロールアップで...コードバーの固定ヘッダー

これは私が持っているものです。

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

固定クラスは次のとおりです。

position: fixed;

すべてのヘルプとても有難い！

出典

2016-04-19 olivier

トップに追加してみましたか？0ですか？余分に左：0と右：0を追加することもできます。 –

これをテストするには、あなたのcss固定クラスに!importantを追加してください。他のクラスの1つは、オーバーライド/カスケードするかもしれません。それが修正されたら、position: fixedルールを他の位置ルールより優先させて、!importantを落とすことができるようにスタイルシートで何かを行う必要があります。そのため、CSSが正しくカスケードすると時間。

出典

2016-04-19 21:39:46 Tom

コードバーの固定ヘッダー

答えて

関連する問題