roll.js

JavaScript

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

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

roll.js

デモ

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

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

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

roll.js

関連記事

  1. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  2. JavaScript

    シンプルで軽量のレスポンシブなjQueryスライダー「ResponsiveSlides.js」を使っ…

    とてもシンプルで使いやすそうなレスポンシブのjQueryスライダー「R…

  3. PopCircle
  4. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  5. FlipClock.js

    JavaScript

    時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

    FlipClock.jsというjQueryプラグインを使えば、時計・タ…

  6. How satisfied are you? Slider

最近の記事

  1. 久保田城
  2. ハードサイド CS80
  3. ACC-TRBX
  4. ピスタチオ クリスマス ツリー フラペチーノ

Instagram始めました

Facebookページ

PAGE TOP