0

私は twitter ブートストラップを使用しており、複数のセクションに分割された非常に長いページがあります。

以下のスクリーンショットのように、リーダーが現在読んでいる場所を常に示す画面の左上にセクション インジケーターを実装したいと思います。

セクション インジケータ - 最終的な実際の例は、global.tommy.com から見ることができます

ここに示すように、レイアウトを正しく取得することができました。

私の作業バージョン

ただし、数週間取り組んできたが、まだ解決できない問題がいくつかあります。

  1. ユーザーのスクロール時に現在のセクションを動的にマークする方法
  2. ソースから次への矢印の動きをアニメートする方法
  3. (または、読者が遠く離れた場所をクリックすると、目的地に直接移動します
  4. スクロールではなく)

getbootstrap.com/components のよりシンプルなバージョンを試してみましたが、まだ役に立ちません...助けてください...私はjavascriptとcssが特に苦手なので、これは非常にストレスです:(

getbootstrap.com/components の <ul> <li> も機能しますが、コンポーネントには含まれておらず、そのコードもわかりません:(

編集:

答えを要約すると:

このライブラリを見てください:

https://github.com/davist11/jQuery-One-Page-Nav.git

4

1 に答える 1