https://www.nabunken.go.jp/js/gotop.js

1///TOPに戻る
2// グローバル変数
3var syncerTimeout = null ;
4
5// 一連の処理
6$( function()
7{
8	// スクロールイベントの設定
9	$( window ).scroll( function()
10	{
11		// 1秒ごとに処理
12		if( syncerTimeout == null )
13		{
14			// セットタイムアウトを設定
15			syncerTimeout = setTimeout( function(){
16
17				// 対象のエレメント
18				var element = $( '#page-top' ) ;
19
20				// 現在、表示されているか？
21				var visible = element.is( ':visible' ) ;
22
23				// 最上部から現在位置までの距離を取得して、変数[now]に格納
24				var now = $( window ).scrollTop() ;
25
26				// 最下部から現在位置までの距離を計算して、変数[under]に格納
27				var under = $( 'body' ).height() - ( now + $(window).height() ) ;
28
29				// 最上部から現在位置までの距離(now)が1500以上かつ
30				// 最下部から現在位置までの距離(under)が200px以上かつ…
31				if( now > 500 && 0 < under )
32				{
33					// 非表示状態だったら
34					if( !visible )
35					{
36						// [#page-top]をゆっくりフェードインする
37						element.fadeIn( 'slow' ) ;
38					}
39				}
40
41				// 1500px以下かつ
42				// 表示状態だったら
43				else if( visible )
44				{
45					// [#page-top]をゆっくりフェードアウトする
46					element.fadeOut( 'slow' ) ;
47				}
48
49				// フラグを削除
50				syncerTimeout = null ;
51			} , 1000 ) ;
52		}
53	} ) ;
54
55	// クリックイベントを設定する
56	$( '#move-page-top' ).click(
57		function()
58		{
59			// スムーズにスクロールする
60			$( 'html,body' ).animate( {scrollTop:0} , 'slow' ) ;
61		}
62	) ;
63} ) ;