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

    スクロール時にナビゲーションが上部に固定されるレスポンシブ対応のjQueryプラグイン「HeadSh…

    スクロールするとナビゲーションが上部に固定配置されるjQueryプラグ…

  2. PleaseWait

    JavaScript

    ローディングアイコンをオシャレに実装することができる「PleaseWait」

    PleaseWaitはローディングアイコンをオシャレに見せることができ…

  3. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  4. jsPanel

    JavaScript

    高度なセッティングができるフローティングパネルやモーダルウィンドウ実装「jsPanel」

    jsPanelは高度なセッティングができるフローティングパネル、モーダ…

  5. jExcel

    JavaScript

    Excelと互換性のあるスプレッドシートを埋め込めるjQueryプラグイン「jExcel」

    jExcelは、ブラウザにExcelと互換性のあるスプレッドシートを埋…

  6. ContentTools

    JavaScript

    画面内でそのまま編集できるWYSIWYGエディタ「ContentTools」

    ContentToolsは画面内でそのままコンテンツを編集できるWYS…

最近の記事

  1. マリアージュ フレール 紅茶チョコレート
  2. CD-ADE1BK
  3. 渋谷スクランブルスクエアからの夜景
  4. BELTZのバスクチーズケーキ

アーカイブ

PAGE TOP