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. Stacked Strips

    JavaScript

    スタックしながらスクロールできるエフェクト実装「Stacked Strips」

    Stacked StripsはWebページをスクロールする時に、スタッ…

  2. no-image

    JavaScript

    フォームに文字制限を設定できるjQueryプラグイン「Character Limit」

    Character Limitは、フォーム要素に文字制限を設定するため…

  3. no-image

    JavaScript

    サラッとスライスで切り替わるスライダー実装「Slice Slider」

    Slice Sliderはサラッとスライスでシンプルに切り替わるスライ…

  4. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

  5. Materialize Tags

    JavaScript

    マテリアルデザインのタグ管理を実装できる「Materialize Tags」

    Materialize Tagsは、マテリアルデザインのタグ管理を実装…

  6. no-image

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP