Slinky.js

JavaScript

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

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

[ads_center]

Slinky.jsの特徴

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

Slinky.jsの使い方

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

Slinky.jsの使い方

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

Slinky.js

関連記事

  1. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  2. Alton

    JavaScript

    コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

    Altonはコンテンツごとに縦スクロールすることによりWebページをナ…

  3. jQuery Text Fade Delay
  4. Recursive Hover Nav
  5. BigText

    JavaScript

    テキストを指定した幅にフィットさせるjQueryプラグイン「BigText」

    BigTextは、テキストの行を、指定した幅にフィットさせるために必要…

  6. no-image

    JavaScript

    フラットでシンプルなカラーピッカー実装「Pickr」

    Pickrはフラットでシンプルなカラーピッカーを実装できるのが特徴です…

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP