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

    JavaScript

    スマホやタブレットのスワイプにも対応したLightboxを実装できるjQueryプラグイン「Swip…

    今後かなり需要がありそうなjQueryプラグインがあったので使い方も兼…

  2. slideSpeed

    JavaScript

    スライドアップ・ダウンを設定された速度で制御できる「slideSpeed」

    slideSpeedは、特定の要素のスライドアップ・スライドダウンを設…

  3. simpleDialog

    JavaScript

    レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

    simpleDialogはレスポンシブに対応したポップアップ・ダイアロ…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

  5. Multi-device scrolling menu
  6. simpleSlideShow

    JavaScript

    カスタマイズしやすいシンプル・軽量なスライドショー「simpleSlideShow」

    simpleSlideShowは、シンプルで軽量なスライドショーを実装…

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP