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()

TabbedContentHTML5のhistory APIを使用したタブメニューを実装できる「TabbedContent」前のページ

画像にチルトエフェクトをかけることができる「Image Tilt Effect」次のページImage Tilt Effect

最近の記事

  1. 縦置きスタンド
  2. スマトラ
  3. さくらドーナツ
PAGE TOP