on:2015年3月16日sponsorsマークアップは非常にシンプル、スクリプトの設置も簡単、スマホでもタブレットでもデスクトップでもすいすい快適に操作できる水平スクロールコンテンツを実装できるjQueryのプラグインを紹介します。-GitHubhorizonScroll.jsのデモhorizonScroll.jsの使い方horizonScroll.jsのデモデモはスマホでもタブレットでもデスクトップでもOKです。デモページ操作は左右のアイコン、デスクトップのドラッグ、スマホなどはスワイプに対応しています。水平スクロールは、コンテンツを横にさっとスライドさせる感じです。スワイプやドラッグの操作に非常にあってます。外部ファイル当スクリプトとjquery.jsを外部ファイルとして記述します。src="jquery.horizonScroll.js"></script></head>スマホなどタッチデバイス対応にする場合は、touchSwipe.jsも加えます。HTML横スクロールで表示させる各コンテンツはsection要素で実装します。JavaScript横スクロールで表示させるコンテンツをjQueryのセレクタで指定し、スクリプトを実行します。$('section').horizon();</script>スワイプ操作を含めないようにするには、下記のように指定します。false});</script>スクリプトのオプションでは、スクロールのタイミングなどを調整できます。