4

Bootstrap 3.2 を使用する Web アプリケーションと、Affix有効なメニューがあります。これは、次の 1 つを除いて、ほとんどのシナリオで正常に機能します。ユーザーが下にスクロール
したときに画像が「オンザフライ」で読み込まれる画像ギャラリー ページがあります。affix-top頂点に。

このフィドルを参照してください(画面を大きくしないでください):

  • 接辞が設定されている分だけ下にスクロールします
  • スクロールして一番上に戻る
    ==> 動作中 (黄色の余白MENU ITEMが復元されます):

説明

次に、次の操作を行います。

  • 一番下までスクロールして、テキストを追加します
  • 上にスクロールすると
    、==>MENU ITEM継続affixして表示され、一番上に表示されます。

ディスク

なぜこれが起こっているのか、どうすれば修正できるのか誰かが知っていますか?

4

1 に答える 1

1

$(window).unbind('scroll');Bootstrap の実装はスクロール リスナーに依存している可能性が高いため、問題を引き起こしています。代わりに、スクロール リスナーを変数にして、$(window).off('scroll', scrollListener)そのリスナーのみを削除するために使用します。

参照: BootPly

于 2014-08-17T00:48:09.580 に答える