jQuery Scrollify

JavaScript

セクションごとにスクロールしてくれる「jQuery Scrollify」

jQuery ScrollifyはセクションごとにスクロールしてくれるjQueryプラグインです。1つのページのなかでセクション単位でスクロールしていける機能を実装したいというときに活用できると思います。

jQuery Scrollify

デモ

デモではセクションごとにスクロールされていく動作を確認できます。一般的なスクロールのように、徐々にスクロールされるのではなく、セクション単位でスクロールで切り替わっていくので、とても効率的にコンテンツを見ていけます。

もちろんスクロールは上下可能です。

使い方もカンタンなうえに、オプションもいろいろ用意されているのでカスタマイズ性にも優れています。

主なオプションは、section、sectionName、interstitialSection、easing、scrollSpeed、offset、scrollbars、standardScrollElements、setHeights、overflowScroll、updateHash、touchScrollなどがあります。

スクロールされるスピードやスクロールバーを表示させるか否かなど、わりと細かい部分までカスタマイズできるようになっています。

というわけで、セクションごとにスクロールできる機能を実装したいという人は、ぜひ「jQuery Scrollify」を試してみてはいかがでしょうか?

jQuery Scrollify

関連記事

  1. Fancy Input

    JavaScript

    かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

    Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実…

  2. jQueryTween

    JavaScript

    軽量で軽快なアニメーションをするjQueryプラグイン「jQueryTween」

    jQueryTweenは軽量で軽快なアニメーションを実装することができ…

  3. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

  4. slimMenu
  5. Inspiration for Menu Hover Effects
  6. jquery.adaptive-backgrounds.js

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP