on:2015年3月26日sponsorsコンテンツスライダー、画像ギャラリー、カルーセル、ウォールなど、スクロールするさまざまなUIエレメントを無限スクロール対応にするjQueryのプラグインを紹介します。スクロール操作はデスクトップのドラッグやスマホのスワイプやフリックにも対応しており、非常に快適に動作します。ScrollのデモデモではWebページやアプリで見かけるさまざまなスクロールするUIエレメントを無限スクロール対応にしています。操作はデスクトップのドラッグ、スマホのスワイプやフリックでもOKです。デモページ:ウォールウォール状に配置された画像を水平・垂直・斜めに無限スクロールできます。デモページ:スライダースクロールすると区切りごとに自動停止する優れ物。デモページ:カルーセルBootstrapのカルーセルをタッチ・ドラッグ対応にします。デモページ:ウォール一つ目のデモとは異なり、スクロールに惰性がついています。デモページ:フリックスクロール画面に触れ、さっと弾くだけでもコンテンツがスクロールします。デモページ:YouTubeウォール動画コンテンツでもウォール状に配置し、無限スクロールさせることができます。Scrollの使い方スクリプトの仕組みは、コンテンツを配置した巨大なレイヤーをクリップして一部だけ表示させ、上下左右斜めにスクロールさせています。横一列だけ、縦一列だけ、というのも可能です。外部ファイル当スクリプトをjquery.jsを外部ファイルとして記述します。HTML無限スクロールさせるコンテンツをラッパーで囲みます。JavaScriptjQueryのセレクタでラッパーを指定し、オプションを定義し、スクリプトを実行します。