Scrolltab

JavaScript

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

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

[ads_center]

使い方

Scrolltab

Scrolltab

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

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

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

関連記事

  1. awNotices

    JavaScript

    スタート・ストップ機能がついたシンプルなjQueryニュースティッカー「awNotices」

    awNoticesはスタート・ストップ機能がついたシンプルに切り替わる…

  2. jQuery UI Month Picker Plugin
  3. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  4. no-image

    JavaScript

    シンプルでエレガントなモーダルボックスを実装できる「Fallr.js」

    Fallr.jsはシンプルでエレガントなモーダルボックスを実装できるj…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでマウスオーバーした時に要素を全体的に拡大するやつを作ってみる

    すごくどうでもいい内容なんですが、ちょっとやってみたかったので素人なが…

  6. Dependent / Cascading Select List with jQuery Select2

    JavaScript

    選択内容によりその下の内容も変化するセレクトボックス「Dependent / Cascading S…

    セレクトボックスを強力でカスタマイズ性が高く、そして充実させる人気のj…

コメント

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

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

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP