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

Siema軽量でシンプルで依存性のないカルーセルを実装できる「Siema」前のページ

オシャレなカラーピッカーを手軽に表示させれる「Huebee」次のページHuebee

関連記事

  1. DateTime Picker

    JavaScript

    レスポンシブでフラットデザインの「DateTime Picker」

    DateTime Pickerはレスポンシブ対応のフラットデザインによ…

  2. Tikslus Carousel
  3. no-image

    JavaScript

    シンプルなドロップダウンメニューを実装できるjQueryプラグイン「snakeMenu」

    snakeMenuはシンプルなアニメーションによるドロップダウンメニュ…

  4. jumboShare

    JavaScript

    SNSシェアボタンとジャンボサイズのカウンターを設置できる「jumboShare」

    jumboShareはSNSのシェアボタンとジャンボサイズのカウンター…

  5. no-image

    JavaScript

    セクション間をスムーズにスクロールできる「Scroll Control」

    Scroll Controlはセクション間をスムーズにスクロールできる…

  6. no-image

    JavaScript

    シンプルなバナースライドショーを実装できる「jsslider」

    jssliderはシンプルなバナースライドショーを実装できるjQuer…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP