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. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

  2. Sticky Sidebar

    JavaScript

    スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

    Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サ…

  3. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

  4. responsive-flip-pricing-table

    JavaScript

    レスポンシブでフリップによる価格表示の切り替えができる「Responsive Flip Pricin…

    レスポンシブに対応し、フリップによる価格表示の切り替えもできるテーブル…

  5. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

  6. no-image

    JavaScript

    ダイナミックに回転してコンテンツが切り替わる「Page Scroll 3D」

    Page Scroll 3Dは、クルッとダイナミックに回転してコンテン…

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP