Scrolltab

JavaScript

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

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

[ads_center]

使い方

Scrolltab

Scrolltab

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

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

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

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

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

関連記事

  1. Air Datepicker

    JavaScript

    軽量でクロスブラウザ、モダンブラウザに対応した「Air Datepicker」

    Air Datepickerは軽量でクロスブラウザ、モダンブラウザに対…

  2. nanogallery2

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

  3. no-image

    JavaScript

    シンプルな円形のカラーピッカーを実装できる「jQuery-Colorwheel」

    jQuery-Colorwheelはシンプルな円形によるカラーピッカー…

  4. NO IMAGE

    JavaScript

    フェード、スライド、水平、垂直などカスタマイズ性の高いスライダー「Prrple Slider」

    Prrple Sliderはフェードアニメーションやスライド、ループ、…

  5. PhotoJShop

    JavaScript

    写真にエフェクトやフィルタをかけることができるjQueryプラグイン「PhotoJShop」

    PhotoJShopというjQueryプラグインを使えば、写真にエフェ…

  6. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

コメント

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

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

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP