CodePen.pagemapはWebページにドラッグでページスクロール可能なミニマップを生成するスクリプトです。上デモ右端にあるやつです。Atomなど、テキストエディタにもよくあるミニマップをWebぺージで自動生成してくれます。ミニマップはマウスドラッグでページ内をスクロール可能で、ぱっと見でもどんなコンテンツがあるかもある程度分かるようになっています。src="pagemap.js"></script><script>pagemap(document.querySelector('#map'));</script>スクリプトを読み込んで生成先に先ほど用意したcanvasを指定します。下記のように要素を指定して設定する事も出来るみたいです。null});動作テストしたんですが、ちょっとうまく動かなかったので後で再度検証します。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。