roll.js

JavaScript

スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

roll.jsはスクロールによるページネーション、進捗度、ポジションなどの値を取得できるJSライブラリです。Webページ内で現在いる位置情報をトラッキングしたいときに役立ちますね。

roll.js

デモ

ステップ1からステップ5までスクロールしていくことができます。スクロールしていくとそれに合わせてページネーション、進捗度、ポジションなどの値が左サイドバーに表示されます。

リアルタイムで値を取得していくことができるので、とても便利ですね。

というわけで、スクロールすることでいろいろな値をトラッキングしたい方は是非チェックしてみてください。

roll.js

関連記事

  1. scrollMonitor

    JavaScript

    要素が表示領域に入ったり出たりするとイベントを受け取れる「scrollMonitor」

    scrollMonitorは、要素が表示領域(ビューポート)に入ったり…

  2. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

  3. Effect Ideas for Card Stacks
  4. no-image
  5. jQuery Stick ‘em

    JavaScript

    スクロール時にその場所のコンテンツに応じたサイドバーが追従する「jQuery Stick ‘em」

    ちょっと使いどころがありそうなプラグインだったので使い方をメモしときま…

  6. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで今まで紹介したjQueryプラグイン25選のまとめ 2011/09 – 201…

    2011年9月〜2012年3月までに当ブログで紹介したjQueryプラ…

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP