Scrolltab

JavaScript

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

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

[ads_center]

使い方

Scrolltab

Scrolltab

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

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

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

関連記事

  1. jQuery Flip-Quote
  2. JQuery lightSlider

    JavaScript

    軽量でレスポンシブなサムネイルナビ付きのスライダー「JQuery lightSlider」

    JQuery lightSliderは軽量でレスポンシブに対応したサム…

  3. Before and After image script
  4. number-divider.js

    JavaScript

    数字を分割できるjQueryプラグイン「number-divider.js」

    number-divider.jsは数字を分割させることができるjQu…

  5. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

  6. jquery.enhsplitter

    JavaScript

    コンテンツを分離できるフレーム実装「jquery.enhsplitter」

    jquery.enhsplitterはコンテンツを分離させるフレームを…

コメント

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

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

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP