jQuery toTop()

JavaScript

シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」

jQuery toTop()はトップへ行くための滑らかなスクロールを実装することができるjQueryプラグインです。使い方や機能がシンプルで、なにより軽量なところがいいですね。オプションを用いてちょっとしたカスタマイズをすることも可能です。

jQuery toTop()

デモ

下へスクロールしていくと、画面右下に「Top ↑」という文字が表示されるので、それをクリックするとTopまで滑らかに自動スクロールされます。

こんな感じでオプションもいくつか用意されています。スピードやポジションの値を設定することができます。以下はすべてデフォルト値になります。

$('.to-top').toTop({
    autohide: true,
    offset: 420,
    speed: 500,
    position: true,
    right: 15,
    bottom: 30
});

jQuery toTop()

関連記事

  1. Pongstagr.am

    JavaScript

    自分のインスタグラムの画像を表示できるjQueryプラグイン「Pongstagr.am」

    Pongstagr.amは自分のインスタグラムの画像をWebサイトに表…

  2. Accessible Dialog

    JavaScript

    ナビゲーションメニューをモーダルダイアログで表示する「Accessible Dialog」

    Accessible Dialogは、ナビゲーションメニューをモーダル…

  3. Swipeshow

    JavaScript

    スワイプにも対応したシンプルなスライドショーを実装できるjQueryプラグイン「Swipeshow」…

    タッチデバイスのスワイプにも対応したシンプルなスライドショーを実装する…

  4. textwriteout

    JavaScript

    テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」

    textwriteoutは指定したテキストを書き出したり削減したりでき…

  5. FlexNav

    JavaScript

    見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「Fle…

    シンプルなデザインでレスポンシブにも対応したナビゲーションメニューを実…

  6. Square Menu

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP