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. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP