https://www.washishabu-kotetsu.com/shared/js/scroll.js

1// JavaScript Document
2
3/* --------------------------------------------------------------------------------------
4 　スクロール
5--------------------------------------------------------------------------------------- */
6
7$(function (){
8	
9
10	
11	
12	//リンク先確認
13	//if(!document.referrer.match("test.f-webdesign.biz")) $.cookie("status", null);
14	
15	//TOPのフェード	
16	if ($.cookie("status") !== "visited") {
17		var fadebox = $("#fadebox").get(),
18			logo    = $(fadebox).find("p"),
19			txt     = $(fadebox).find("dt"),
20			dd      = $(fadebox).find("dd"),
21			speed   = 500;
22		
23		$(fadebox).css("display","block");
24		
25		$(logo).delay(500).fadeIn(speed,function(){
26			$("#index #mainbox").css("display","block");
27			$(txt).fadeIn(speed,function(){
28				
29					//$("html,body").animate({"scrollTop" : $("body").height()},{"duration" : 1000});
30				
31				$(dd).fadeIn(speed,function(){
32					$(fadebox).delay(500).fadeOut(100,function(){
33						//$("html,body").animate({"scrollTop" : 0},{"duration" : 100});
34					$.cookie("status","visited");
35					});
36				});
37			})
38		});
39	} else {
40		$("#index #fadebox").css("display","none");
41		$("#index #mainbox").css("display","block");
42	};
43	
44	if(!$.support.noCloneChecked){
45		var img = $("img").get();
46		
47		for(var i=0; i<img.length; i++) {
48			var src = img[i].src;
49			if (src.substr(src.length-4) === ".png") {
50				img[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + src + "')";
51				img[i].src = "shared/img/shared/opacity.png";
52			};
53		};
54 	};
55});
56
57
58// $(function (){
59	// $("body,html").pagescroll({
60		// downspeed : 0, //一番↓までいくスピード
61		// upspeed   : 1000, //一番↑まで戻っていくスピード
62		// delay     : 1000 //一番↓まで行った後の待機時間
63	// });
64// });
65
66
67
68		// ページの読み込みが完了してから実行
69		$(function() {
70			// スクロール途中から表示したいメニューバーを指定
71			var navBox = $("#nav");
72
73			// メニューバーは初期状態では消しておく
74			navBox.hide();
75
76			// 表示を開始するスクロール量を設定(px)
77			var TargetPos = 500;
78
79			// スクロールされた際に実行
80			$(window).scroll( function() {
81				// 現在のスクロール位置を取得
82				var ScrollPos = $(window).scrollTop();
83				// 現在のスクロール位置と、目的のスクロール位置を比較
84				if( ScrollPos > TargetPos ) {
85					// 表示(フェイドイン)
86					navBox.fadeIn();
87				}
88				else {
89					// 非表示(フェイドアウト)
90					navBox.fadeOut();
91				}
92			});
93		});
94
95