Scrolltab

JavaScript

スクロール移動させるタブを追加できるjQueryプラグイン「Scrolltab」

ScrolltabというjQueryプラグインを使えばスクロール移動させるタブを追加することができます。タブは画面右端に表示され、各タブをクリックすることでそのポイントまでスクロールしてくれます。しっかりとコンテンツ区分けされている縦長のWebページにこういった機能があればとても便利ですね。

[ads_center]

使い方

Scrolltab

Scrolltab

このように右側にあるタブをクリックするとその場所へ移動できます。ホバーするとタブがビヨーンと伸びてきます。

$('<dom object>').scrolltab();

実際のデモでは、タブを追加したり、ボックスをクリックして非表示にしたりできます。

Glide.jsレスポンシブやタッチ操作に対応した軽量・シンプル・高速のjQueryスライダー「Glide.js」前のページ

画面内にバランスよく整列されたギャラリーを実装できるjQueryプラグイン「Balanced Gallery」次のページ

関連記事

  1. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

  2. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

  3. CollagePlus

    JavaScript

    画像を綺麗に整列させるjQueryプラグイン「CollagePlus」

    画像を綺麗に整列させる便利なjQueryプラグイン「CollagePl…

  4. Alton

    JavaScript

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

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

  5. no-image
  6. no-image

    JavaScript

    シンプル・軽量なjQueryイメージビューア「WimmViewer」

    WimmViewerはシンプルで軽量なイメージビューアを実装できるjQ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

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

アーカイブ

PAGE TOP