Scrolltab

JavaScript

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

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

[ads_center]

使い方

Scrolltab

Scrolltab

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

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

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

関連記事

  1. jquery countDownTimer
  2. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  3. Tippy.js

    JavaScript

    軽量ながらも多彩なツールチップを実装できるJSライブラリ「Tippy.js」

    Tippy.jsは軽量でありながらも多彩なツールチップを実装することが…

  4. Changing Background Color while scrolling
  5. RV gallery-slider

    JavaScript

    軽量でタッチフレンドリーなギャラリースライダー「RV gallery-slider」

    RV gallery-sliderは軽量でタッチフレンドリーなギャラリ…

コメント

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

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

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP