pagemapはWebページにドラッグでページスクロール可能なミニマップを生成するスクリプトです。非依存型 単体で動作します。 上デモ右端にあるやつです。Atomなど、テキストエディタにもよくあるミニマップをWebぺージで自動生成してくれます。 ミニマップはマウスドラッグでページ内をスクロール可能で、ぱっと見でもどんなコンテンツがあるかもある程度分かるようになっています。 <canvas id='map'></canvas>canvasを用意します #map { position: fixed; top: 0; right: 0; width: 200px; height: 100%; z-index: 100; }生成されるマップを固定します <script src="pagemap.js"></script> <script> pagemap(document.querySelecto
![Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)