0

簡単な質問、誰かが助けてくれますか?これで混乱しました。

問題のナビゲーションバーは、ページが読み込まれると非表示になり、フォームの送信後にすべてのコンテンツとともに表示されます。

ナビゲーションバーのコードは次のとおりです。

<div class="navbar" id="mainnav">
<navbar inner code><ul><li's></li's></ul></navbarcode></div>

<div id="contentwrap" class="row" data-spy="scroll" data-target="#mainnav">
Content with all the anchors
</div>

画面に付着したり、スクロールしたりするときにコンテンツをスパイしたりすることはありません。

よくわかりません。私はブートストラップを使用しているので、関連するすべてのファイルが含まれています。複数の例を逐語的にコピーしましたが、動作させることができません。

これが完全なコードを含むjsfiddleです:http://jsfiddle.net/ccRnM/7/

注:このナビゲーションバーはページの上部にありません。その上に画像が設定されています。これを超えてページのコンテンツにスクロールし、ナビゲーションバーを保持させたいと考えています。例のように、ブートストラップサイトで。

アイデア?

4

1 に答える 1

3

これを行う1つの方法があります。 http://jsfiddle.net/panchroma/8jPNm/

私が使用したjavascriptを介してscrollspyを使用する代わりに

<div class="navbar" id="mainnav" data-spy="affix" data-offset-top="85">

85は、ナビゲーションバーが貼り付けられる前に画面がスクロールする必要がある距離なので、これで遊んでください。

また、貼り付け後にナビゲーションバーを配置するためのCSSを追加し、ページリソースにbootstrap.min.jsを追加しました。

幸運を!

于 2012-12-29T17:56:53.437 に答える