roll.js

JavaScript

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

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

roll.js

デモ

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

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

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

roll.js

関連記事

  1. Drift

    JavaScript

    画像にホバーして拡大できる軽量のスクリプト「Drift」

    Driftは画像にホバーした部分を拡大できるシンプルで軽量なスクリプト…

  2. JavaScript

    軽量(5KB)で機能も色々あるjQueryのスライダー「MobilySlider」を使ってみる

    軽量なんですが、色々と機能もあるいい感じのjQueryプラグイン「Mo…

  3. Foxholder
  4. Horizontal Timeline

    JavaScript

    水平方向のタイムラインを実装できる「Horizontal Timeline」

    Horizontal Timelineは水平方向に移動可能なタイムライ…

  5. no-image

    JavaScript

    レスポンシブ対応のシンプルなLightboxプラグイン

    レスポンシブに対応したシンプルなLightboxプラグインを紹介します…

  6. autoscroll.js

    JavaScript

    コンテンツを自動でスクロールしてくれるjQueryプラグイン「autoscroll.js」

    autoscroll.jsはwebページ内のコンテンツを自動でスクロー…

最近の記事

  1. M360bt

アーカイブ

PAGE TOP