はてなブログに動画のようなページシークバーを設置するカスタマイズ - 太陽がまぶしかったからページシークバーの作成 長々と縦にスクロールされていく長文記事を読んでいると、以下のようなことを思う事があります。 どこまで読み終わったのかを把握したい 前の段落まで一気に戻りたい それらの要件が解決できるインターフェイスデザインを考えていて、動画再生時に表示される水平なシークバーを縦スクロールされる文章と同期させるスクリプトをJQueryで作成しました。 https://vine.co/v/erPijFzHAlj 『Pocket』にも同様なインターフェイスがあるのですが、シークバーからの操作も行える点が異なります。いわゆる「PAGE TOP」ボタンの機能も兼ねさせているのです。 ページシークバーの設置方法 はてなブログのデザイン画面→ヘッダに以下のコードをコピー＆ペーストします。スタイルシート内の変更をすることで、下側に表示させたり、色を変更することができます。スマートフォンでの動作も確
