Material ScrollTop Button

JavaScript

軽量でカスタマイズもできるスクロールトップ「Material ScrollTop Button」

Material ScrollTop Buttonは軽量でカスタマイズ可能なスクロールトップを実装できるjQueryプラグインです。下へスクロールすると、シンプルでわかりやすいスクロールトップボタンが表示されます。

Material ScrollTop Button

デモ

下へスクロールすると、右下にトップへ戻るためのボタンが表示されます。これをクリックすると、スルスル〜と上までスクロールされます。

便利ですし、ボタンのサイズ感もちょうどいいですね。直感的でわかりやすく、縦長のページにはとても役立つ機能です。

また、オプションを用いることでdurationやeasingなどを設定できるので、カスタマイズしたいときにも最適です。

Material ScrollTop Button

Stretchy入力した文字数に合わせて可変するフォーム実装「Stretchy」前のページ

雨や水滴効果を実装できる「Rain & Water Effect Experiments」次のページRain & Water Effect Experiments

関連記事

  1. FlipClock.js

    JavaScript

    時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

    FlipClock.jsというjQueryプラグインを使えば、時計・タ…

  2. Water Wave Effect jQuery
  3. css3-mediaqueries-js

    JavaScript

    Media QueriesをIE8以下でも使えるようにするための「css3-mediaqueries…

    前回、Media Queriesの@mediaを使用したCSSをまとめ…

  4. TwentyTwenty

    JavaScript

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

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

  5. JavaScript

    サムネイルをクリックして拡大画像が見れるレスポンシブ対応のjQuery画像ギャラリー「Superbo…

    綺麗に並んだサムネイル画像をクリックして拡大画像を見ることができるjQ…

  6. no-image

    JavaScript

    3Dキューブによる画像ギャラリー「3D Cube Image Gallery」

    3D Cube Image Galleryは、3Dキューブによるオシャ…

最近の記事

  1. EOS R6
  2. EOS R5
  3. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ

アーカイブ

PAGE TOP