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. evol-colorpicker

    JavaScript

    マイクロソフト オフィス2010のようなカラーピッカー「evol-colorpicker」

    evol-colorpickerは、マイクロソフト オフィス2010の…

  2. JavaScript

    ページ内のリンクをスムーズに移動できるsmoothScroll.jsを使ってみた

    ページ内のリンクをスムーズに移動してくれる「smoothScroll.…

  3. Simple Lightbox
  4. Vimeo Carousel Gallery
  5. lightgallery.js
  6. slimMenu

最近の記事

  1. SV-S251
  2. スラウェシ トラジャ
  3. 梅
  4. CAR-HLD12BK

アーカイブ

PAGE TOP