no-image

JavaScript

トップに素早く戻れるボタンを実装できるjQueryプラグイン「TopButton」

TopButtonはボタンをクリックするだけで画面トップに素早く戻れるjQueryプラグインです。自動で上部までスクロール移動されるので、縦長のページには特に便利な機能になります。

TopButton

TopButton

デモでは画面右下に「Top」と書かれた四角いボタンが設置されています。下にスクロールした状態でこのボタンをクリックすると、自動で上部までスクロール移動します。

ユーザーがいちいち自分でスクロールする必要もなく、ボタンを押すだけでサっと上まで行けるのが便利ですね。

使い方もかなりシンプルで手軽に実装可能です。オプションには、html、css、scrollAndShow、scrollSpeedという項目が用意されています。cssでは具体的なCSSのセッティングが可能です。また、scrollAndShowのデフォルト値はfalse、scrollSpeedのデフォルト値は150になります。

というわけで、トップに素早くスクロール移動で戻れるボタンを設置できる「TopButton」の紹介でした。ライセンスはMITになります。

no-imageカスタマイズもできるダイナミックなコンタクトフォーム「Swyft Callback」前のページ

多彩なカスタマイズができるシンプルなjQuery通知プラグイン「notifit」次のページnotifit

関連記事

  1. Scrolltab

    JavaScript

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

    ScrolltabというjQueryプラグインを使えばスクロール移動さ…

  2. Horizontal Timeline

    JavaScript

    水平方向のタイムラインを実装できる「Horizontal Timeline」

    Horizontal Timelineは水平方向に移動可能なタイムライ…

  3. no-image
  4. no-image
  5. ContentTools

    JavaScript

    画面内でそのまま編集できるWYSIWYGエディタ「ContentTools」

    ContentToolsは画面内でそのままコンテンツを編集できるWYS…

  6. ShowMore.js

    JavaScript

    長いコンテンツを折りたためるjQueryプラグイン「ShowMore.js」

    ShowMore.jsは長いコンテンツを折りたたんで表示・非表示を簡単…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP