3

最新バージョンのTwitterBootstrapを使用していて、自分のサイトのdivにAffixを実装しようとしています。

<div id="sectiontwo" class="affix-top" data-spy="affix" data-offset-top="1000">
<div class="row sectiontwo">
<div class="span4">
<hr>
<h4>Join Headline/h4>
<hr>
</div>
</div>
</div><!--#sectiontwo-->

しかし、私は奇妙な振る舞いを受けています：

  • Chromeの場合：
    「固定」できません。代わりに、スクロールしながらページをスクロールします。

  • Firefoxの場合：
    「固定」することもできませんが、スクロールするとジャンプして一番下に固定されます。

私がやりたいのは、接辞セクションがトリガーされたら、ウィンドウの上部に自分自身を固定することです。私の理解では、それがTwitterBootstrapdocsサイトでどのように機能するかです。

4

2 に答える 2

6

まず第一data-offset-top="1000"に、接辞プラグインが作動する前にユーザーがスクロールする必要があるピクセル単位の距離です。

あなたの場合、接辞プラグインがdivの表示を変更する前に、ユーザーは1000pxスクロールする必要があります。

第二に、接辞プラグインがdivのクラスを（1000pxのスクロール後）から.affix-topに変更すると思います.affix

ブートストラップはすでにクラス.affixを設定しているのでposition: fixed、CSSにポジショニングを追加するだけです。top: 40px;

于 2012-09-29T01:09:42.170 に答える
1

同じ問題があり、「data-offset-top」を削除して修正しました

于 2013-04-04T02:40:41.993 に答える