Listt

JavaScript

リストをiOSのようにアニメーションできるjQueryプラグイン「Listt」

ListtはリストをiOSのセレクトボックスのようにアニメーションさせることができるjQueryプラグインです。ボタンでの操作ができるほか、キーボードの矢印キーにも対応しています。リストをお洒落に縦型アニメーションさせたい人は要チェックです。

上下左右の矢印キーにも対応

デモ

デモではiOSのセレクトボックスのような数字のリストの横に画像付きのコンテンツが表示されています。下にある「PREV」と「NEXT」からリストを垂直にスクロールできるほか、矢印キーからでもスクロールしていくことが可能です。数字のスクロールとともに画像も切り替わる仕組みになっています。

数字のリストがあることで、現在表示されているコンテンツの位置がどの辺か把握できるのでとても便利ですね。

アニメーションや操作がシンプルでとても使いやすいスクローラーです。ちなみに矢印キーは上下だけでなく左右にも対応しています。

マークアップもシンプルでスッキリ記述できるのがグッドです。

Listt

no-imageSVGによるドーナッツ状(円形)のチャートを実装できる「donutty」前のページ

マテリアルデザインによるjQueryタイムピッカー実装「MDTimePicker」次のページno-image

最近の記事

  1. クリスマスブロンドロースト
  2. トマトとニンニク
  3. ウィンターホワイトマグツリー
  4. 読書の進捗状況を非表示にする
  5. 牛すじ煮込みカレーと温野菜
PAGE TOP