jquery.horizonScroll.js

JavaScript

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

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

jquery.horizonScroll.js

デモ

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

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

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

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

$('selector').horizon();

jquery.horizonScroll.js

関連記事

  1. Tippy.js

    JavaScript

    軽量ながらも多彩なツールチップを実装できるJSライブラリ「Tippy.js」

    Tippy.jsは軽量でありながらも多彩なツールチップを実装することが…

  2. diamonds.js
  3. JavaScript

    360度画像を回転させるjQueryプラグイン10

    画像を360度回転させて見せることができる素敵なjQueryプラグイン…

  4. CSS3 Menu Slider
  5. Horizon Swiper

    JavaScript

    スワイプやスクロール対応の軽量なjQueryプラグイン「Horizon Swiper」

    Horizon Swiperはスワイプやブラウザスクロールに対応したj…

  6. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP