jquery.horizonScroll.js

JavaScript

左右にスライドする水平スクロールを実装できる「jquery.horizonScroll.js」

jquery.horizonScroll.jsは左右にスライドする水平スクロールを実装することができるjQueryプラグインです。一つ一つのコンテンツをスライドしながら見ていくことができます。スクロールの他にも左右に設置された矢印でもスライドさせることが可能です。

jquery.horizonScroll.js

デモ

スクロールすることで右や左にコンテンツをスライドさせることができます。テンポよくコンテンツをスライドで順番に見せていきたい時に役立ちそうですね。

デモではスライドさせるためにキーボードの矢印キーも使えるようになっています。また、スマフォでも動作確認してみたところスワイプ(フリック)でスライドすることができました。

PCではスクロール、モバイル時にはスワイプと各端末に合わせて快適な使用感になるのが魅力的ですね。

使い方もとてもシンプルなのがいいです。

$('selector').horizon();

jquery.horizonScroll.js

関連記事

  1. DD Scroll Boxes
  2. no-image

    JavaScript

    フォームに文字制限を設定できるjQueryプラグイン「Character Limit」

    Character Limitは、フォーム要素に文字制限を設定するため…

  3. Owl Carousel 2

    JavaScript

    美しいレスポンシブなカルーセルスライダーを実装できる「Owl Carousel 2」

    Owl Carousel 2は、美しいレスポンシブなカルーセルスライダ…

  4. no-image

    JavaScript

    シンプルでスタイリッシュなjQueryスライダー「Simple slider」

    Simple sliderはシンプルでスタイリッシュなスライダー(カル…

  5. Lena.js

    JavaScript

    多彩な画像処理ができるJSライブラリ「Lena.js」

    Lena.jsは多彩な画像処理を行うことができるJSライブラリです。セ…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP