http://yashinotakasa-movie.com/news/wp-content/themes/yashi/js/script.js

1var appear;
2var pagetop;
3var animElem;
4var delay_H;
5
6$(function(){
7	
8	// jScroll
9	var jscrollOption = {
10		loadingHtml: '<span>Loading...</span>', 
11		autoTrigger: true, 
12		padding: 20,
13		nextSelector: '.next_posts_link a', 
14		contentSelector: '.in_box',
15		callback: function(){
16			anim();
17		}
18		
19	}
20	$('.in_box').jscroll(jscrollOption);    
21
22
23	
24	
25	// Animate.css
26	animElem = $('.animated'),
27	delay_H = 50;
28
29	animElem.each(
30		function(){
31			var thisElem = $(this);
32			if(thisElem.data("class").match(/fadeIn|zoomIn|bounceIn|blurIn/)){
33				thisElem.css({"opacity":"0.0"});
34			}
35		}
36	);
37			
38
39	$(window).on('load InfiniteScroll scroll resize',function(){
40		animElem.each(
41			function(){
42				var thisElem = $(this);
43				var elem_T = thisElem.offset().top;
44				var scrl_T = $(window).scrollTop();
45				var winH = $(window).height();
46				
47				if(scrl_T > elem_T-winH+delay_H){
48					thisElem.css({
49						"animation-delay":thisElem.data("delay"),"animation-duration":thisElem.data("duration"),
50						"-moz-animation-delay":thisElem.data("delay"),"-moz-animation-duration":thisElem.data("duration"),
51						"-webkit-animation-delay":thisElem.data("delay"),"-webkit-animation-duration":thisElem.data("duration"),
52						"-ms-animation-delay":thisElem.data("delay"),"-ms-animation-duration":thisElem.data("duration")
53					}).addClass(thisElem.data("class"));
54					//thisElem.stop().animate({opacity:'1.0'},700);
55				}
56				else if(scrl_T < elem_T-winH){
57					thisElem.removeClass(thisElem.data("class"));
58					if(thisElem.data("class").match(/fadeIn|zoomIn|bounceIn|blurIn/)){
59						thisElem.css({"opacity":"0.0"});
60					}
61				}
62			}
63		);
64	});
65	
66	
67	// To Top Button
68	appear = false;
69	pagetop = $("#page_top");
70	pagetop.css({'bottom': '-50px'});
71	
72	$(window).scroll(function () {
73	if ($(this).scrollTop() > 100) {  //100pxスクロールしたら
74	  if (appear == false) {
75		appear = true;
76		pagetop.stop().animate({
77		  'bottom': '40px' //下から40pxの位置に
78		}, 300); //0.3秒かけて現れる
79	  }
80	}
81	else {
82	  if (appear) {
83		appear = false;
84		pagetop.stop().animate({
85		  'bottom': '-50px' //下から-50pxの位置に
86		}, 300); //0.3秒かけて隠れる
87	  }
88	}
89	});
90	pagetop.click(function () {
91		$('body, html').animate({ scrollTop: 0 }, 500); //0.5秒かけてトップへ戻る
92		return false;
93	});
94	
95	
96});
97
98function anim(){
99	animElem = $('.animated'),
100	
101	animElem.each(
102		function(){
103			var thisElem = $(this);
104			var elem_T = thisElem.offset().top;
105			var scrl_T = $(window).scrollTop();
106			var winH = $(window).height();
107
108			if(scrl_T > elem_T-winH+delay_H){
109				thisElem.css({
110					"animation-delay":thisElem.data("delay"),"animation-duration":thisElem.data("duration"),
111					"-moz-animation-delay":thisElem.data("delay"),"-moz-animation-duration":thisElem.data("duration"),
112					"-webkit-animation-delay":thisElem.data("delay"),"-webkit-animation-duration":thisElem.data("duration"),
113					"-ms-animation-delay":thisElem.data("delay"),"-ms-animation-duration":thisElem.data("duration")
114				}).addClass(thisElem.data("class"));
115				//thisElem.stop().animate({opacity:'1.0'},700);
116			}
117			else if(scrl_T < elem_T-winH){
118				thisElem.removeClass(thisElem.data("class"));
119				if(thisElem.data("class").match(/fadeIn|zoomIn|bounceIn|blurIn/)){
120					thisElem.css({"opacity":"0.0"});
121				}
122			}
123		}
124	);
125	
126}
127