6

「A」と呼ばれる特定のdivの後にブートストラップを使用してナビゲーションバーを表示しようとしています。div "a" は by ページの上部にあり、高さは約 400px です。ユーザーがdiv "a"とスクロールバーをスクロールしたら、スクロールバーを一番上に固定します。このようなものに似ています: https://www.facebook.com/homeでも、上部にビデオはありません。画像です。

自分自身をブートストラップすることはできますか?

ありがとう！

4

4 に答える 4

16

Twitter の Bootstrap を使用してこれを実現したい場合は、'Affix' js をチェックしてください。「data-offset-top」を使用して「固定」ポイントを定義すると、ユーザーが下にスクロールしたときにナビゲーションバーが上部に固定されます。

CSS:

#con .well {
    height:390px;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%
}

HTML:

<div class="container" data-spy="affix" data-offset-top="400" id="nav">
    <div id="nav" class="navbar">
        <div class="navbar-inner"> ...

Javascript:

$('#nav').affix();

これが実際のフィドルです: http://jsfiddle.net/skelly/df8tb/

実例を次に示します (Bootstrap 3 用に更新): http://bootply.com/90936

于 2013-04-05T17:16:58.070 に答える
1

facebook.com/home で効果を表示するには、ユーザーが 400px を超えてスクロールするまで、ナビゲーションバーの位置を静的 (または相対/絶対) に設定する必要があります。画面。これは、小さな JavaScript で実行できます。

于 2013-04-05T16:22:34.990 に答える
0

この答えはもはや正しくありません。以下の@zimの回答をご覧ください。

于 2013-04-05T16:25:16.127 に答える