概要

「トップに戻る」ボタンが、画面をスクロールすると表示されるようになります。

ダウンロード

基本的な使い方

.gpTop()を実行すると、画面のスクロールを監視し、1画面分以上スクロールされていたら表示、そうでなければ非表示にします。

$(elem).gpTop();

デモ

デモ1 : 基本的なもの


Demo 1

  • 画面をスクロールすると、右下に「トップに戻る」ボタンが表示されます。

リファレンス

.gpTop([settings])

  • settings … {Object} 設定。以下のキーと値を持てる:
    • duration… {Number} 表示、非表示のフェード時間。初期値は200
    • hide($el, duration) … {Function} 表示する関数。
    • show($el, duration) … {Function} 表示する関数。

その他

ライセンス

  • MIT License
    • 無償で利用できます。商用利用も可能です。
    • 転載や改造、再配布が可能です。
    • コード内に記載の著作権表示は変更できません。
    • どのような問題が発生しても、一切の保証はありません。

利用時に連絡は不要ですが、もしご連絡頂ければ、利用実績として掲載させて頂くかもしれません。

対応ブラウザー

  • IE 7以上
  • Firefox
  • Chrome
  • Safari
  • Opera

リポジトリ

更新履歴

2011/11/30 – 1.0
  • 公開