https://3d-scantech.jp/wp-content/themes/scantech/js/common.js

1$(function() {
2	// ドロップダウンメニュー
3	var wid = $(window).width();
4	if (wid >= 1200) {
5		$('.dropdown-btn').hover(
6			function() {
7				//カーソルが重なった時
8				$(this).children('.dropdown').addClass('open');
9			}, function() {
10				//カーソルが離れた時
11				$(this).children('.dropdown').removeClass('open');
12			}
13		);
14	} else {
15		$('.dropdown-btn').on('click', function() {
16			// 追加したり削除したり
17			$(this).toggleClass('arrow');
18			$(this).children('.dropdown').toggleClass('open');
19		});
20	}
21
22	//ハンバーガーメニュー
23	$('.hamburger').click(function() {
24		$(this).toggleClass('active');
25
26		if ($(this).hasClass('active')) {
27			$('.globalMenu').addClass('active');
28		} else {
29			$('.globalMenu').removeClass('active');
30		}
31	});
32
33	//ContactForm7二重送信抑制
34	let submitBtn = $("input[type='submit'].wpcf7-submit");
35	submitBtn.click(function () {
36		$(this).css('pointer-events', 'none');
37		$(this).css('opacity', '0.5');
38	})
39	// 入力項目にエラーがあったらボタン復活
40	document.addEventListener('wpcf7invalid', function () {
41		submitBtn.css('pointer-events', 'auto');
42		submitBtn.css('opacity', '1');
43	}, false);
44
45	//slickスライダー
46	$(".slider").slick({
47		autoplay:true, //自動スライド
48		autoplaySpeed:5000, //スライドさせる間隔
49		dots:true, //ドットインジケーターを表示
50		lazyLoad:"progressive", //画像の遅延読み込み
51		arrows:false, //スライドの左右の矢印ボタンを非表示
52		cssEase:"cubic-bezier(0.9, 0.03, 0.4, 0.9)"//CSS3アニメーションイージングを設定
53	});
54	$(".slider-article").slick({
55		autoplay:true, //自動スライド
56		autoplaySpeed:5000, //スライドさせる間隔
57		dots:true, //ドットインジケーターを表示
58		lazyLoad:"progressive", //画像の遅延読み込み
59		cssEase:"cubic-bezier(0.9, 0.03, 0.4, 0.9)",//CSS3アニメーションイージングを設定
60		slidesToShow: 4,
61		slidesToScroll: 4,
62		responsive: [
63			{
64				breakpoint: 1200,
65				settings: {
66					slidesToShow: 2,
67					slidesToScroll: 2
68				}
69			}
70		]
71	});
72	$(".slider-media").slick({
73		autoplay:true, //自動スライド
74		autoplaySpeed:5000, //スライドさせる間隔
75		dots:true, //ドットインジケーターを表示
76		lazyLoad:"progressive", //画像の遅延読み込み
77		cssEase:"cubic-bezier(0.9, 0.03, 0.4, 0.9)",//CSS3アニメーションイージングを設定
78		slidesToShow: 5,
79		slidesToScroll: 5,
80		responsive: [
81			{
82				breakpoint: 1200,
83				settings: {
84					slidesToShow: 2,
85					slidesToScroll: 2
86				}
87			}
88		]
89	});
90	$(".slider-2s").slick({
91		autoplay:true, //自動スライド
92		autoplaySpeed:5000, //スライドさせる間隔
93		lazyLoad:"progressive", //画像の遅延読み込み
94		cssEase:"cubic-bezier(0.9, 0.03, 0.4, 0.9)",//CSS3アニメーションイージングを設定
95		arrows: false
96	});
97	$(".slider-2e").slick({
98		autoplay:true, //自動スライド
99		autoplaySpeed:5000, //スライドさせる間隔
100		lazyLoad:"progressive", //画像の遅延読み込み
101		cssEase:"cubic-bezier(0.9, 0.03, 0.4, 0.9)",//CSS3アニメーションイージングを設定
102		arrows: false
103	});
104	$(".slider-jirei").slick({
105		autoplay:true, //自動スライド
106		autoplaySpeed:5000, //スライドさせる間隔
107		dots:true, //ドットインジケーターを表示
108		lazyLoad:"progressive", //画像の遅延読み込み
109		cssEase:"cubic-bezier(0.9, 0.03, 0.4, 0.9)",//CSS3アニメーションイージングを設定
110		arrows: false
111	});
112
113	//サムネイル付きslickスライダー
114	var mainSlider = "#slider-design"; //メインスライダーid
115	var thumbnailSlider = "#thumbnail_slider"; //サムネイルスライダーid
116	$(mainSlider).slick({
117		autoplay: true,
118		speed: 1000,
119		arrows: false,
120		asNavFor: thumbnailSlider
121	});
122	$(thumbnailSlider).slick({
123		slidesToShow: 3,
124		speed: 1000,
125		asNavFor: mainSlider
126	});
127	//#thumbnail_sliderでクリックしたスライドをカレントにする
128	$(thumbnailSlider+" .slick-slide").on('click',function(){
129		var index = $(this).attr("data-slick-index");
130		$(thumbnailSlider).slick("slickGoTo",index,false);
131	});
132
133	//サムネイル付きslickスライダー
134	var mainSlider2 = "#slider-design2"; //メインスライダーid
135	var thumbnailSlider2 = "#thumbnail_slider2"; //サムネイルスライダーid
136	$(mainSlider2).slick({
137		autoplay: true,
138		speed: 1000,

139		arrows: false,
140		asNavFor: thumbnailSlider2
141	});
142	$(thumbnailSlider2).slick({
143		slidesToShow: 6,
144		speed: 1000,
145		asNavFor: mainSlider2
146	});
147	//#thumbnail_sliderでクリックしたスライドをカレントにする
148	$(thumbnailSlider2+" .slick-slide").on('click',function(){
149		var index = $(this).attr("data-slick-index");
150		$(thumbnailSlider2).slick("slickGoTo",index,false);
151	});
152
153	// 表示された時animationが動くように
154	var $target = $('.graph');//アニメーションさせたい要素
155	var offset = 100;//アニメーションタイミング
156	$(window).on('scroll', function() {//スクロールしたとき
157		var scroll = $(window).scrollTop();//スクロール量を取得
158		var h = $(window).height();//画面の高さを取得
159		$target.each(function() {
160			var pos = $(this).offset().top;//アニメーションさせたい要素の位置を取得
161			if (scroll > pos - h + offset) {//スクロール量 > アニメーションさせたい要素の位置
162				$(this).addClass('ani');
163			}
164		})
165	}).trigger('scroll');
166
167	// フェードイン
168	$(window).scroll(function (){
169		$('.fadein').each(function(){
170			var elemPos = $(this).offset().top;
171			var scroll = $(window).scrollTop();
172			var windowHeight = $(window).height();
173			if (scroll > elemPos - windowHeight + 200){
174				$(this).addClass('scrollin');
175			}
176		});
177	});
178
179	//画像のhover
180	$('.rollover').easyRollover();
181});
182
183
184window.addEventListener('scroll', function () {
185	var cta = document.getElementById('cta-ft');
186	if (window.scrollY > 0) {
187		cta.classList.add('show'); // showクラスを追加してフェードインさせる
188	} else {
189		cta.classList.remove('show'); // showクラスを削除して非表示にする
190	}
191});
192
193// 遷移先のチェックボックスにチェックを付ける
194jQuery(function ($) {
195	var url = location.protocol + "//" + location.host + location.pathname + location.search;
196	var params = url.split('?');
197	var paramms = params.length > 1 && params[1].split('&');
198	var paramArray = [];
199
200	for (var i = 0; i < paramms.length; i++) {
201		var vl = paramms[i].split('=');
202		paramArray.push(vl[0]);
203		paramArray[vl[0]] = vl[1];
204		var terms = decodeURIComponent(vl[1]);
205
206		$('input[type="checkbox"]').each(function () {
207			var val = $(this).val();
208			if ($.isArray(terms)) {
209				if (terms.indexOf(val) !== -1) {
210					$(this).prop("checked", true);
211				}
212			} else {
213				if (terms === val) {
214					$(this).prop("checked", true);
215				}
216			}
217		});
218	}
219});