roll.js

JavaScript

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

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

roll.js

デモ

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

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

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

roll.js

関連記事

  1. Rythim.js

    JavaScript

    音楽のリズムに合わせてボタンなどに躍動感を与える「Rythim.js」

    Rythm.jsは、あなたのホームページに躍動感を与えてくれるjsライ…

  2. jQuery-ResizableColumns

    JavaScript

    テーブルのカラムをリサイズできる「jQuery-ResizableColumns」

    jQuery-ResizableColumnsは、テーブルのカラムをリ…

  3. bootstrap-wysihtml5

    JavaScript

    シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

    bootstrap-wysihtml5はシンプルでスッキリしたデザイン…

  4. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  5. JavaScript

    画面全体に背景を表示させフェードやスライドもできるjQuery「bgStretcher」

    ブラウザの画面全体に背景を表示させることができるjQueryプラグイン…

  6. JavaScript

    リストなど複数の要素をランダムにフェードで表示していくjQueryプラグイン「champagne.j…

    どこかで使う機会がありそうな感じのjQueryプラグイン「champa…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP