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. jQuery Elastic Grid
  2. no-image
  3. Shorten

    JavaScript

    長いテキストを自動で短縮してくれるjQueryプラグイン「Shorten」

    Shortenは指定した文字数以上の長いテキストを自動的に短縮してくれ…

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

    JavaScript

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

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

  5. footerMenu

    JavaScript

    スクロールでフッターメニューを表示させる「footerMenu」

    footerMenuはスクロールするとフッターメニューを表示させること…

  6. Auto-Text-Scroll

    JavaScript

    自動でテキストが垂直にスクロールしていく「Auto-Text-Scroll」

    Auto-Text-Scrollは自動でテキストが垂直でスクロールして…

最近の記事

  1. SV-S251
  2. スラウェシ トラジャ
  3. 梅
  4. CAR-HLD12BK

アーカイブ

PAGE TOP