https://kimisui-anime.com/assets/js/top.js

1var winw = $(window).width();
2var winh = $(window).height();
3var sct;
4
5if(location.search){
6	var que = location.search;
7}
8
9$(function(){
10	$('li[data-scroll] a').on('click', function(){
11		var target = $('#'+$(this).parent().attr('data-scroll'));
12		if (!target.length) return;
13		var targetY = target.offset().top - 128;
14		$('html,body').animate({scrollTop: targetY}, 600, 'swing');
15		return false;
16	});
17
18	$('[data-movie]').on('click', function(){
19		var datacl = $(this).attr('data-movie');
20		var st = $(window).scrollTop();
21		$('.modal_wrap').append('<iframe width="900" height="506" src="https://www.youtube.com/embed/'+datacl+'?rel=0&autoplay=1" frameborder="0"></iframe>');
22		$('.modal_back').stop().fadeIn(400);
23		$('.modal_in').addClass('modal_movie').css({top:st+100+'px'}).stop().delay(150).fadeIn(400);
24		return false;
25	});
26	$('[data-modal-movie]').on('click', function(){
27		var datacl = $(this).attr('data-modal-movie');
28		var st = $(window).scrollTop();
29		$('.modal_movie_tr .now_movie div').append('<iframe width="900" height="506" src="https://www.youtube.com/embed/'+datacl+'?rel=0&autoplay=1" frameborder="0"></iframe>');
30		$('.modal_back').stop().fadeIn(400);
31		$('.modal_movie_tr').show();
32		$('.modal_movie_tr').find('.trailer_now').removeClass('trailer_now');
33		$('.modal_movie_tr [data-trailer="'+datacl+'"]').addClass('trailer_now');
34		$('.modal_in').addClass('modal_movie').css({top:st+100+'px'}).stop().delay(150).fadeIn(400);
35	});
36	$('[data-comment]').on('click', function(){
37		var datacl = $(this).attr('data-comment');
38		var st = $(window).scrollTop();
39		$('.modal_back').stop().fadeIn(400);
40		$('.modal_comment_in').hide();
41		$('.modal_comment').show();
42		$('#'+datacl).show();
43		$('.modal_in').css({top:st+150+'px'}).stop().delay(150).fadeIn(400);
44		return false;
45	});
46	$('.modal_back, .modal_close').on('click', function(){
47		$('.modal_back').stop().fadeOut(400);
48		$('.modal_in').stop().fadeOut(400, function(){
49			$('.modal_wrap').children().remove();
50			$('.modal_comment, .modal_movie_tr, .modal_event').hide();
51			$('.modal_movie_tr iframe').remove();
52			$(this).removeClass('modal_movie');
53		});
54	});
55
56	$('[data-trailer]').on('click', function(){
57		var $this = $(this);
58		if(!$this.attr('class') || $this.attr('class') == ''){
59			$this.parent().prev('.now_movie').find('iframe').remove();
60			var dataid = $(this).attr('data-trailer');
61			$this.parent().find('.trailer_now').removeClass('trailer_now');
62			$this.addClass('trailer_now');
63			$this.parent().prev('.now_movie').find('div').append('<iframe width="900" height="506" src="https://www.youtube.com/embed/'+dataid+'?rel=0&autoplay=1" frameborder="0"></iframe>');
64		}
65	});
66	sct = $(window).scrollTop();
67	$('.top_img').css({'top': '-'+(winw/16*22-winh)/4 +'px'});
68	$('.top_img').css({'transform': 'translateY(-'+sct/1.25+'px)'});
69
70	setInterval(function(){
71		$this = $('.story_img_now');
72		if($this.next().length == 0){
73			$('.story_img ul li').eq(0).addClass('story_img_now');
74		}else{
75			$this.next().addClass('story_img_now');
76		}
77		$this.removeClass('story_img_now');
78	}, 6000);
79});
80
81$(window).on('load', function(){
82	if(que){
83		que = que.replace('?','#');
84		$('.loading').fadeOut(800);
85		var targetY = $(que).offset().top - 118;
86		$('html,body').animate({scrollTop: targetY}, 200, 'swing');
87	}else{
88		$('.loading').addClass('load').delay(3500).fadeOut(1000);
89		// setTimeout(function(){
90		// 	$('.btn_movie').trigger('click');
91		// }, 4000);
92	}
93});
94
95
96$(window).on('load resize', function(){
97	winw = $(window).width();
98	winh = $(window).height();
99	$('.top_img').css({'top': '-'+(winw/16*22-winh)/4 +'px'});
100});
101
102var ste;
103var array = [];
104$('section[data-scroll]').each(function(i){
105	array.push($(this).attr('id'));
106});
107
108function nav_change(){
109	ste = $(window).scrollTop();
110	for(i=0; i<array.length; i++){
111		if(array.length-2 >= i){
112			if($('#'+array[i]).offset().top-200 <= ste && $('#'+array[i+1]).offset().top-200 > ste){
113				$('.page_now').removeClass('page_now');
114				$('.nav li[data-scroll='+array[i]+']').addClass('page_now');
115				break;
116			}else{
117				$('.page_now').removeClass('page_now');
118			}
119		}else{
120			if($('#'+array[i]).offset().top-200 <= ste){
121				$('.page_now').removeClass('page_now');
122				$('.nav li[data-scroll='+array[i]+']').addClass('page_now');
123				break;
124			}
125		}
126	}
127}
128
129$(window).on('load scroll', function(){
130	sct = $(window).scrollTop();
131	if(winh > sct){
132		$('.top_img').css({'transform': 'translateY(-'+sct/1.7+'px)'});
133		$('.share').addClass('top_share');
134	}else{
135		$('.share').removeClass('top_share');
136	}
137	$('.sc_anm').each(function(){

138		var elemPos = $(this).offset().top;
139		if (sct > elemPos - winh/1.3){
140			$(this).addClass('sc_anm_in');
141		}
142	});
143	nav_change();
144});