Slinky.js

JavaScript

上下にスクロールでコンテンツが開閉するjQueryプラグイン「Slinky.js」

なかなか面白かったのでご紹介します。上下にスクロールするとコンテンツが開閉していくjQueryプラグイン「Slinky.js」です。コンテンツが閉じている状態では、下の方に各項目の見出しだけが表示されており、下にスクロールしていくと徐々にコンテンツが開いていきます。逆に上にスクロールすると再度閉じた状態に戻るという仕組みです。

[ads_center]

Slinky.jsの特徴

このように、閉じている時は下の方に固定された見出しだけが見えている状態になっています。

Slinky.jsの使い方

下へスクロールしていくと、見やすい位置に来た項目のコンテンツが開いていきます。逆に上まで来た見出しはそこで固定されていくので、上にどんな内容のものがあったのかをすぐに確認することもできます。

Slinky.jsの使い方

縦長のページで、下の方にどんな項目があるのか知らせたい時なんかに役立ちそうですね。

Slinky.js

SwitcheryチェックボックスをiOS7のようなスタイルにしてくれるjQueryプラグイン「Switchery」前のページ

細くて(ウルトラライト)エレガントなフォント20選次のページ

関連記事

  1. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

  2. jQuery Social Share Bar
  3. Drooltip.js

    JavaScript

    拡張性の高い美しいツールチップを実装できる「Drooltip.js」

    Drooltip.jsは、美しくパワフルで拡張性の高いツールチップを実…

  4. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  5. KGallery

    JavaScript

    縦や横に配置されたサムネイルから画像を選択できるjQueryの画像ギャラリー「KGallery」

    縦や横に配置されたサムネイルから画像を選択することができるjQuery…

最近の記事

  1. パニーニ(フォカッチャ ベーコンときのこのゴルゴンゾーラクリーム)とエスプレッソ
  2. 広尾 スタバ
  3. 芳醇な香りのラムレーズンサンド
  4. Aモーニングセット
  5. 白トリュフの塩パンやメロンパンなど

アーカイブ

PAGE TOP