2016-04-04 8 views
-1

私はカスタム・スティッキー・ナビゲーションのデモを持っています。スティッキー・ナビ - ブラウザ上のカスタム・スティッキー・ナビゲーションによるJSウェイポイントの問題サイズ変更

デモ:http://evanzio.github.io/custom-sticky-header-nav/

レポ:https://github.com/evanzio/custom-sticky-header-nav

機能仕様:ページに着陸する際

ヘッダーがクライアントウィンドウの下部に固執する必要があります。 スクロールダウンすると、ヘッダーは固定されたままになります。 最初の画像が完全に見えるようになったら、ヘッダーが下端にくっつくのを止め、スクロールを続けます。 ヘッダーがクライアントビューポートの一番上に達すると、ヘッダーは一番上に固定されます。

これは、ウィンドウのサイズが変更されるまで、すべて正常に機能します。ページのサイズを大きくしてから小さくすると、ウェイポイントは乱雑に見え、ヘッダーはランダムなポイントでスティックして消える。

問題を複製する手順。小さな

  • から
  • 大スクロールで

    1. ロードページはページの一番下へ
    2. リサイズブラウザの幅は、バックアップのスクロールを開始し、あなたはそれが周りにジャンプし、どこヘッダがすべき空白のままに表示されますさあ。

    私はウェイポイントが自動的にリフレッシュする必要があると考えています。なぜこれが壊れているのかわかりません。誰にでもアイデアはありますか?

    または機能仕様を達成するための他の方法はありますか?

    ありがとうございます!

    答えて

    0

    なんとか遊んだ後、私はそれがウェイポイント要素の固定位置を持っていたからだと分かりました。それはNO NOです!

    関連する問題