FREVR

JavaScript

シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

FREVRはシンプルで軽量な無限スクロールの機能を実装することができるjQueryプラグインです。次のページや前のページなど、ユーザーがいちいちクリックしなくてもスクロールしていくことで次々にコンテンツが自動で表示されていくのでとても効率的にWebページを楽しむことができますね。

FREVR

デモ

デモページを読み込んだ先の画面では「Scroll down」と表示されていて、このとおり下へスクロールしていくと画像がついたコンテンツがどんどん表示されていきます。「Next page」という部分までスクロールされると、次のコンテンツが自動的に読み込まれて表示される仕組みです。

下へスクロールしていくだけで勝手にコンテンツが表示されていくので、手間が省けてとても快適ですね。ブログのトップページをはじめ、いろんなところで活用できる機能といえるのではないでしょうか。

マークアップもスッキリしていて記述しやすく、使い方自体も簡単なので手軽に実装できると思います。オプションには、next、posts、triggerといった項目が用意されていて、各オプション項目のデフォルト値は、nextが#next-page、postsが#posts、triggerが500に設定されています。

FREVR

スクリーンショット撮影後に画像編集(加工)iOS 11でスクリーンショット撮影後に画像編集(加工)する機能前のページ

マテリアルデザインのタグ管理を実装できる「Materialize Tags」次のページMaterialize Tags

関連記事

  1. paroller.js

    JavaScript

    垂直・水平の動きに対応したパララックス効果を実装できる「paroller.js」

    paroller.jsは垂直・水平方向の動きに対応したパララックス効果…

  2. JavaScript

    テーブルを綺麗なデザインにしてくれたり並び替え(ソート)もできるjQuery「tablesorter…

    jQueryのプラグインで、テーブルをフレキシブルなデザインにしてくれ…

  3. ResponsifyJS

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

  4. JavaScript

    文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

    SplitcharというjQueryプラグインを使えば、文字の半分をス…

  5. no-image
  6. table-dragger

    JavaScript

    ドラッグ&ドロップでテーブルを並べ替えられる「table-dragger」

    table-draggerはドラッグ&ドロップでテーブルの並べ替えを可…

最近の記事

  1. 成城石井 フレンチロースト
  2. COMOLI カシミアシルクニットパーカ
  3. 橋
  4. 梅と久保田城
  5. マワマット26

アーカイブ

PAGE TOP