Material ScrollTop Button

JavaScript

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

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

Material ScrollTop Button

デモ

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

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

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

Material ScrollTop Button

関連記事

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

    JavaScript

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり…

  2. Chocolat

    JavaScript

    レスポンシブ対応のシンプルなLightbox風のjQueryプラグイン「Chocolat」

    Chocolatはレスポンシブに対応したシンプルでスタイリッシュなLi…

  3. ZooMove

    JavaScript

    マウスオーバーで画像を拡大ズーム・移動もできるjQueryプラグイン「ZooMove」

    ZooMoveは、マウスオーバーで指定された画像やエリアをズームするこ…

  4. Nivo Lightbox

    JavaScript

    Lightbox系のレスポンシブ対応のjQueryプラグイン「Nivo Lightbox」

    シンプルでレスポンシブにも対応しているLightbox系のjQuery…

  5. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

  6. JavaScript

    スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Readin…

    とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を…

最近の記事

  1. M360bt

アーカイブ

PAGE TOP