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

FREVR

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

FREVR

デモ

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

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

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

FREVR

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives