1

Bootstrap テンプレート unify ( http://htmlstream.com/unify/ ) に基づいて、ページの上部にスティッキー div を表示したいと思います。現在のソリューションでは div が表示されますが、ナビゲーション バーは新しい div の後ろに隠れています (オーバーラップ)。navbar と新しい div が完全に表示されるように、ページ全体を div のサイズだけ下に移動するつもりです。私のdivは次のようになります。

<div id="savebutton" class="service navbar-fixed-top" style="cursor:pointer;
       border-style:   groove;background-color:#e74c3c;color:white">
    <span class="glyphicon glyphicon-save" style="font-size:24px;display:inline;">
        <h4 class="desc" style="display:inline;">SAVE CHANGES</h4>
    </span>
</div>

を使用するclass="top"と、新しい div が正しく表示されますが、ページを下にスクロールすると明らかにスクロールしてしまいます。との組み合わせはうまくtopいきnavbar-fixed-topません。

簡単に言うと、navbar の前にスティッキー div を配置するにはどうすればよいですか? クラスnavbar-fixed-topは私のdivと重なっているようです。

4

0 に答える 0