no-image

JavaScript

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

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

TopButton

TopButton

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

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

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

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

関連記事

  1. jQueryを使わないコード集

    JavaScript

    jQueryを使わないでコードを書くTips集

    jQueryを使えば簡単にできることがたくさんあるんですが、ちょっとし…

  2. JavaScript

    テキストに滑らかに動くアニメーションをつけることができるjQueryプラグイン「animateTex…

    テキストに滑らかに動くかっこいいアニメーションをつけることができるjQ…

  3. zingtouch

    JavaScript

    タッチジェスチャーをカスタマイズできるJSライブラリ「zingtouch」

    Zingtouchは、タッチ対応のデバイスにおける基本的なジェスチャー…

  4. nanoGALLERY
  5. Lightbox

    JavaScript

    jQuery依存なしのシンプルなライトボックス機能を実装できる「Lightbox」

    LightboxはjQueryに依存することなくシンプルなライトボック…

  6. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

最近の記事

  1. Kindle Oasis
  2. OWL-WDDESK01
  3. ワンタッチ着脱フィルターキット
  4. Soundcore Ace A1

アーカイブ

PAGE TOP