https://www.jys-joyo.co.jp/wp-content/themes/joyo/js/scrollEvent.js

1
2// トップページ スクロールイベント
3if ( $(window).width() >= 700 ) {
4	$(document).ready(function(){
5		scrollHeight = $(document).height();
6		scrollPosition = $(window).height() + $(window).scrollTop();
7		$(window).on('load scroll resize',function () {
8			if ( $('#top1').length ) {
9				top1y = $('#top1').offset().top;
10				if ( scrollPosition > top1y + $('#top1').height()/2 ) {
11					$('#top1').addClass('active');
12					$('#top1').removeClass('hidden');
13					$('#top1 .deco_palla').removeClass('hidden');
14				}
15			}
16			if ( $('#top2').length ) {
17				top2y = $('#top2').offset().top;
18				if ( scrollPosition > top2y + $('#top2').height()/2 ) {
19					$('.col_topbiz1').addClass('active');
20					$('#top2').removeClass('hidden');
21				}
22				if ( scrollPosition > top2y + $('#top2').height() ) {
23					$('.col_topbiz2').addClass('active');
24					$('#top2 .deco_palla').removeClass('hidden');
25				}
26			}
27			if ( $('#top3').length ) {
28				top3y = $('#top3').offset().top;
29				if ( scrollPosition > top3y + $('#top3').height()/3  ) {
30					$('#top3').removeClass('hide');
31					$('#top3 .img_topgreeting').addClass('active');
32				}
33				if ( scrollPosition > top3y + $('#top3').height()/2  ) {
34					$('#top3 .col_topgreeting').addClass('active');
35				}
36			}
37			if ( $('#top4').length ) {
38				top4y = $('#top4').offset().top;
39				if ( scrollPosition > top4y + $('#top4').height()/2  ) {
40					$('#top4').addClass('active');
41				}
42			}
43			if ( $('#top5').length ) {
44				top5y = $('#top5').offset().top;
45				if ( scrollPosition > top5y + $('#top5').height()/3  ) {
46					$('#top5').addClass('active');
47				}
48			}
49			if ( $('#top6').length ) {
50				top6y = $('#top6').offset().top;
51				if ( scrollPosition > top6y + $('#top6').height()/3  ) {
52					$('#top6').addClass('active');
53				}
54			}
55		});
56	});
57}
58
59// 働く人々　詳細 スクロールイベント
60$(function(){
61	$('.Fadeto').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
62		if(isInView){
63			$(this).stop().addClass('active');
64		}
65	});
66});
67
68
69// 採用サイト　トップページ スクロールイベント
70$(window).on('load',function () {
71	if ( $(window).width() >= 851 ) {
72		$('#top_rec1').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
73			if(isInView){
74				$(this).stop().addClass('active');
75			}
76		});
77	}
78	if ( $(window).width() >= 700 ) {
79		$('#top_rec3, ul.list_topjob_rec1 > li, dl.list_topsystem_rec1, .col_topentry_rec1').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
80			if(isInView){
81				$(this).stop().addClass('active');
82			}
83		});
84	}
85});
86
87// 企業情報 スクロールイベント
88$(window).on('load',function () {
89	if ( $(window).width() >= 700 ) {
90		$('.col_btmlink_dna_set').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
91			if(isInView){
92				$(this).stop().addClass('active');
93			}
94		});
95	}
96});
97
98// 事業紹介 スクロールイベント
99$(document).ready(function(){
100	if ( $(window).width() >= 700 ) {
101		scrollHeight = $(document).height();
102		scrollPosition = $(window).height() + $(window).scrollTop();
103		$(window).on('load scroll resize',function () {
104			if ( $('#industrial1').length ){
105				industrial1 = $('#industrial1').offset().top;
106				if ( scrollPosition > industrial1 + $('#industrial1').height()/2  ) {
107					$('#industrial1').removeClass('hidden');
108					$('#industrial1').addClass('active');
109				}
110			}
111			if ( $('#industrial2').length ){
112				industrial2 = $('#industrial2').offset().top;
113				if ( scrollPosition > industrial2 + $('#industrial2').height()/2  ) {
114					$('#industrial2').removeClass('hidden');
115					$('#industrial2').addClass('active');
116				}
117			}
118			if ( $('#industrial3').length ){
119				industrial3 = $('#industrial3').offset().top;
120				if ( scrollPosition > industrial3 + $('#industrial3').height()/2  ) {
121					$('#industrial3').removeClass('hidden');
122				}
123			}
124			if ( $('#solar1').length ){
125				solar1 = $('#solar1').offset().top;
126				if ( scrollPosition > solar1 + $('#solar1').height()/2  ) {
127					$('#solar1').removeClass('hidden');
128					$('#solar1').addClass('active');
129				}
130			}
131			if ( $('#item').length ){

132				item = $('#item').offset().top;
133				if ( scrollPosition > item + $('#item').height()*2/3  ) {
134					$('#item').removeClass('hidden');
135				}
136			}
137		});
138		
139		// 共通部分 スクロールイベント
140		$('.col_btmlink_business').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
141			if(isInView){
142				$(this).stop().addClass('active');
143			}
144		});
145	}
146});
147
148
149
150// 中途採用 スクロールイベント
151if ( $(window).width() >= 700 ) {
152	$(document).ready(function(){
153		scrollHeight = $(document).height();
154		$(window).on('load scroll resize',function () {
155			scrollPosition = $(window).height() + $(window).scrollTop();
156			if ( $('#career1').length ){
157				career1 = $('#career1').offset().top;
158				if ( scrollPosition > career1 + $('#career1').height()/3  ) {
159					$('#career1 .img_career1').addClass('active');
160				}
161			}
162			if ( $('#career2').length ){
163				career2 = $('#career2').offset().top;
164				if ( scrollPosition > career2 + $('#career2').height()/4  ) {
165					$('#career2 .img_career1').addClass('active');
166				}
167			}
168			if ( $('#career3').length ){
169				career3 = $('#career3').offset().top;
170				if ( scrollPosition > career3 + $('#career3').height()/3  ) {
171					$('#career3 .img_career1').addClass('active');
172				}
173			}
174		});
175	});
176}
177
178// 新卒採用 スクロールイベント
179if ( $(window).width() >= 700 ) {
180	$(document).ready(function(){
181		scrollHeight = $(document).height();
182		scrollPosition = $(window).height() + $(window).scrollTop();
183		$(window).on('load scroll resize',function () {
184			if ( $('#graduate1').length ){
185				graduate1 = $('#graduate1').offset().top;
186				if ( scrollPosition > graduate1 + $('#graduate1').height()/3  ) {
187					$('#graduate1 .img_career1').addClass('active');
188				}
189			}
190			if ( $('#graduate2').length ){
191				graduate2 = $('#graduate2').offset().top;
192				if ( scrollPosition > graduate2 + $('#graduate2').height()/3  ) {
193					$('#graduate2 .img_career1').addClass('active');
194				}
195			}
196			if ( $('#graduate3').length ){
197				graduate3 = $('#graduate3').offset().top;
198				if ( scrollPosition > graduate3 + $('#graduate3').height()/3  ) {
199					$('#graduate3 .img_career1').addClass('active');
200				}
201			}
202		});
203	});
204}
205