roll.js

JavaScript

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

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

roll.js

デモ

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

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

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

roll.js

関連記事

  1. Choreographer-js

    JavaScript

    多彩なCSSアニメーションを実現できる「Choreographer-js」

    Choreographer-jsは、多彩なCSSアニメーションを実現さ…

  2. jQuery Modal

    JavaScript

    シンプルでレスポンシブなモーダルボックス「jQuery Modal」

    jQuery Modalはシンプルでレスポンシブに対応したモーダルボッ…

  3. JavaScript

    Lightbox風のjQueryプラグインColorBoxの使い方

    綺麗なイメージギャラリーを簡単に設置できるColorBoxの使い方の紹…

  4. SimpleCalculadora

    JavaScript

    シンプルでカスタマイズもできる電卓「SimpleCalculadora」

    SimpleCalculadoraはシンプルでCSS、オプションなどで…

  5. JavaScript

    jQuery Backstretchを使えば超簡単にブラウザサイズに合った背景画像を表示できる

    背景画像をブラウザのサイズに合わせて表示できるプラグイン「jQuery…

  6. Circliful

    JavaScript

    円グラフで統計情報を伝えたい時に役立つjQueryプラグイン「Circliful」

    CirclifulというjQueryプラグインを使えば、統計情報を伝え…

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP