https://motherld.com/js/event.js

1console.log('event.js');
2
3$(document).ready(function(){
4  var controller = new ScrollMagic.Controller();
5  var offset3 = 750;
6
7  if(smpFlag){
8    offset3 = 300;
9  }
10
11	// メインイメージ部分アニメーション（スクロールリニア）
12	tween = TweenMax.to($('#mainImage'), 1, { backgroundPosition: '50% 100%' });
13	new ScrollMagic.Scene({
14		triggerElement: '#mainImage',
15		triggerHook: "onEnter",
16		duration: (window.innerHeight * 1.5),
17		offset: offset3,
18	})
19	.setTween(tween)
20	.addTo(controller);
21
22	// サイドナビ準備
23	var blockN = document.querySelectorAll(".yearBlock"),
24			yHeight = [];
25
26	for(var i = 0; i < blockN.length; i++){
27		yHeight[i] = $(blockN[i]).height();
28		if($(blockN[i]).hasClass('cl')){
29			$(blockN[i]).css('height','38px');
30		}
31	}
32
33	// サイドナビ年度切り替え
34	$('.eventYearTtl').click(function(){
35		var clTgt = $('.op').closest('.yearBlock'),
36				clTgtH = $('.op .eventYearTtl').height() + 12,
37				opTgt = $(this).closest('.yearBlock'),
38				opTgtH = $(opTgt).height() + (($('.eventNaviItem').height() + 10) * $(opTgt).children('.eventNaviItem').length);
39				tgtC = $('.yearBlock').index(opTgt);
40
41		TweenMax.to($('.op'), 0.7,{
42			height: clTgtH,
43			ease: Power4.easeOut,
44			onComplete: function(){
45				clTgt.removeClass('op');
46				clTgt.addClass('cl');
47				opTgt.addClass('op');
48				opTgt.removeClass('cl');
49			}
50		});
51
52		TweenMax.to(opTgt, 1.1,{
53			height: yHeight[tgtC],
54			ease: Power4.easeIn,
55		});
56
57	});
58});