17

私は Twitter Bootstrap を初めて使用し、深いマストヘッドの下部に NavBar を配置したいと考えています。ユーザーがページを垂直方向にスクロールして NavBar がページの上部に到達したときに、NavBar が次のようになるようにスタイルを変更します。修理済み。私が望む効果は、Bootstrap NavBar のみを使用したhttp://www.happycog.com/と同じです。

したがって、実際の問題は、NavBar が位置 0、つまりブラウザーの上部にスクロールされたときに navbar-fixed-top スタイルをトリガーする方法です。

アイデアや指針をいただければ幸いです。ありがとうございました。

4

5 に答える 5

5

これを行うには、JavaScriptを使用する必要があります。これは、jQueryに依存して、ページの上部に到達したらナビゲーションバーの位置を固定に変換し、レイアウトが変更されないように一時的なdivをその場所に固定するソリューションです。

http://jsfiddle.net/T6nZe/

于 2012-06-30T20:11:24.893 に答える
2

これがあなたが探しているものだと思います： http://www.w3schools.com/bootstrap/bootstrap_affix.asp

于 2016-05-12T23:14:57.227 に答える