https://sao-alicization.com/assets/js/common.js

1var $window = $(window),
2$html = $('html'),
3$body = $('body'),
4scrollbar_width = window.innerWidth - document.body.scrollWidth,
5touch_start_y;
6
7$(function(){
8	var win_w = $(window).width();
9	if(win_w >768){
10		snowPC();
11	}
12
13	var field = $('.bubbleArea');
14	var items = 10;
15	for (var i=0; i<=items; i++) {
16		var rnd_move = Math.floor((Math.random() * 5) + 1);
17		var type = Math.ceil( Math.random()*4 );
18		var move = Math.ceil( Math.random()*50 );
19		var pos = Math.ceil( Math.random()*50 );
20		field.append('<div class="bubble move'+move+' pos'+pos+'"><span class="item'+type+'" style="animation: petal'+rnd_move+' 5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;"></span></div>');
21	}
22	$window.on('touchstart', function(event) {
23		touch_start_y = event.originalEvent.changedTouches[0].screenY;
24	});
25	
26
27	/*PAGE TOP*/
28	$('.pageTop').on('click',function(){
29		var toTop = $('body').offset().top;
30		$('html,body').animate({scrollTop : toTop},{duration:1500,easing:'easeInOutCubic'});
31	});
32	$('.menuBtn').on('click',function(){
33		
34		if($(this).hasClass('nowOpen')){
35			menuClose();
36		}else{
37			menuopen();
38		}
39	});
40
41	function menuopen(){
42		$('html, body').css('overflow', 'hidden');
43		$('.menuBtn').addClass('nowOpen');
44		$('.menuOverlay').fadeIn();
45	}
46
47	function menuClose(){
48		$body.removeAttr('style');
49		$window.off('touchmove.noscroll');
50		$('.menuBtn').removeClass('nowOpen');
51		$('.menuOverlay').animate({
52			opacity: 0
53		}, 300, function() {
54			$('.menuOverlay').scrollTop(0).hide().removeAttr('style');
55			$html.removeAttr('style');
56
57		});
58	}
59
60});
61
62$(window).on('load',function(){
63	
64	setTimeout(function(){
65		$('.wrapper').animate({'opacity':1},{duration:1500});
66		$('.pageTitle').addClass('active');
67	},1000);
68});
69var ScrollEffectModule = new SCROLL_EFFECT_MODULE({
70	elem               : '.effect_item',
71	displayRatio       : .8,
72	displayReverse     : false,
73	firstElem          : '.effect_item--first',
74	firstElemDelayTime : 100,
75	firstDelayTime     : 0,
76	loadDelayTime      : 0
77});
78
79function snowPC(){
80	$('.contents').snowfall({
81		image      : 'img',
82		flakeCount : 10,
83		flakeIndex : 0,
84		maxSpeed   : 6,
85		minSpeed   : 4,
86		maxSize    : 30,
87		minSize    : 30,
88		round      : false,
89		shadow     : false
90	});
91}
92