jquery.horizonScroll.js

JavaScript

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

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

jquery.horizonScroll.js

デモ

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

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

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

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

$('selector').horizon();

jquery.horizonScroll.js

ツールバーが表示されない時の対処方法WordPressのツールバー(管理バー)が表示されない時の対処方法前のページ

Lightroomのサムネイル一覧から写真の縦横の向きを変更するやり方次のページLightroomで写真の縦横の向きを変更

関連記事

  1. no-image

    JavaScript

    ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」

    Bore Bones Sliderはミニマリスティックでフレキシブルな…

  2. no-image

    JavaScript

    テキストリンクをタイピングアニメーションで表示するjQueryプラグイン「jTyper」

    jTyperはテキストリンクをタイピングアニメーションで表示できるjQ…

  3. GoogleSheets-HTMLImporter
  4. Bootstrap Show Password
  5. CSS Jquery Pie Countdown Timer

    JavaScript

    グラデーションが美しい円形カウントダウン「CSS Jquery Pie Countdown Time…

    円形によるカウントダウンのタイマーを実装する「CSS Jquery P…

  6. lightgallery.js

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP