2011-12-31 24 views
5

ページがスクロールされたときにスクロールしないアンカーがページの右側に固定された1〜2ヶ月前のサイトを見ました。それだけではCSSで行うことは難しくありません。HTMLページセクションのミニマップがビューポートの固定アンカーとして表示されます

しかし、そのサイトでは、ページ内のセクションヘッダーに基づいて固定アンカーが動的に生成されました。そして、それらは比例して、文書内の位置に関連してページの右側に配置されていました。

本質的に、ドキュメント全体のミニマップを作成し、ドキュメント内の内容とドキュメントのセクション間の間隔をすべて現在のビューポート内に視覚的に表示します。お互いの関係がどのくらい大きいかをすぐに知ることができます。たぶん、ミニマップの代わりにテーブルの内容と呼ぶべきでしょう。

これは、ある種のAPIのドキュメントページにあると思います。私はそれがナビゲーションにとって本当にうまくいったと思っています。私がする必要があるいくつかのドキュメントのために、そのようなものを作りたいと思っています。

ある意味、Sublime Text 2の右側のミニマップを思い出しましたが、大きな見出しだけが表示され、ページの右側に固定されたボタンとして描かれていました。 sublime text 2 minimap

残念ながら、私はそれを見たサイトを思い出したり見つけることができません。誰かがこれのようなものの例を見たことがありますか?実装を開始する前にいくつかの例を見てみたいと思います。またはこれを行うためのツール、jqueryプラグインなどはありますか?

答えて

関連する問題