スクロールというのはユーザが好きな場所まで自分で指定できるのが基本です。しかしサイトの種類によってはスクロールさえも制御したいと思うことがあります。一つのページの中で複数の情報を分けて表示したい時などがそうです。 そこで今回はスクロールを制御できるsmartscrollを紹介します。

smartscrollの使い方

実行例です。ぴしっと上辺で止まるのが分かります。

高さを合わせてウィンドウ全体を一色にすることも簡単です。

smartscrollではスクロールに合わせてハッシュタグを自動的に変化させたり、そのハッシュタグを使ってアクセスした時に表示を再現することもできます。シングルページアプリケーションで使うと効果的なライブラリです。

smartscrollはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

‎d4nyll.github.io/smartscroll/ d4nyll/smartscroll: jQuery plugin for scrolljacking and auto-hashing