https://makita-engei.com/js/common.js

1$(function () {
2
3
4
5
6var ua = navigator.userAgent;
7    if((ua.indexOf('iPhone') > 0) || ua.indexOf('iPod') > 0 || (ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0)){
8        $('head').prepend('<meta name="viewport" content="width=device-width,initial-scale=1">');
9    } else {
10        $('head').prepend('<meta name="viewport" content="width=1140">');
11    } 
12
13
14
15var stopmouse = 0;
16//アクセス時のオンマウス制限処理///////////////////////
17$("header nav li.subBt01,header nav li.subBt02,header nav li.subBt03").mouseover(function(){
18	var windW = $(window).innerWidth();
19	if(windW >640 && stopmouse == 0){
20			stopmouse = 1;
21	}
22});
23$("header nav li").mouseout(function(){
24	var windW = $(window).innerWidth();
25	if(windW >640 && stopmouse ==1){
26			stopmouse = 2;
27	}
28});
29//一秒後にから動作する//////////////////////////////////
30setTimeout(function(){
31    stopmouse = 2;
32},1000);
33
34
35
36
37// ヘッダー横スクロール時のfixed処理
38	$(window).on("scroll", function(){
39		$("header").css("left", -$(window).scrollLeft());
40		$(".subnavi").css("left", -$(window).scrollLeft());
41	});
42
43
44	
45	// スマホ時のナビゲーション　メニュークリック時の処理
46	var spNumber=0;
47	var sub1 = 0;
48	var sub2 = 0;
49	var sub3 = 0;
50	
51	$(".spnav").click(function() {
52		var windH = $(window).height();
53		var windW = $(window).innerWidth();
54		if(spNumber==0){
55			$('nav').css({"height":windH+25});
56			$(".spnav").addClass("spnavoff");
57			spNumber =1;
58		}else{
59			$('nav').css({"height":0});
60			$(".spnav").removeClass("spnavoff");
61			spNumber =0;
62		}
63		return false;
64	});
65	
66
67/////////////////////ナビゲーション　オンマウス処理///////////////////////////////////////
68
69
70$("header nav li.subBt01").mouseover(function(){
71	var windW = $(window).innerWidth();
72	if(windW >640&& stopmouse==2){
73	$(this).children(".subnavi").stop().animate({"height":440},{duration: 100, easing: 'easeOutQuart'});
74	}
75});
76$("header nav li.subBt02").mouseover(function(){
77	var windW = $(window).innerWidth();
78	if(windW >640&& stopmouse==2){
79	$(this).children(".subnavi").stop().animate({"height":335},{duration: 100, easing: 'easeOutQuart'});
80	}
81});
82$("header nav li.subBt03").mouseover(function(){
83	var windW = $(window).innerWidth();
84	if(windW >640&& stopmouse==2){
85	$(this).children(".subnavi").stop().animate({"height":335},{duration: 100, easing: 'easeOutQuart'});
86	}
87});
88$("header nav li").mouseout(function(){
89	var windW = $(window).innerWidth();
90	if(windW >640){
91	$(this).children(".subnavi").stop().animate({"height":0},{duration: 250, easing: 'easeOutQuart'});
92	}
93});
94
95
96
97//////////スマホ時のサブメニューの処理/////////////////////////////////////////////////////////////////
98	
99
100	
101	$(".subBt01> a").click(function() {
102		var windW = $(window).innerWidth();
103		if(windW <=640){
104			if(sub1 == 0){
105				var Hsub1 = $('.s01').height();
106				$('.subBt01 .subnavi').animate({"height": Hsub1}, {duration: 250,easing: 'jswing'});
107				$('.subBt01').addClass("subBt_off");
108				sub1 =1;
109			}else{
110				$('.subBt01 .subnavi').animate({"height": 0}, {duration: 250,easing: 'jswing'});
111				$('.subBt01').removeClass("subBt_off");
112				sub1 =0;
113			}
114		return false;
115		}
116		
117	});
118	$(".subBt02 > a").click(function() {
119		var windW = $(window).innerWidth();
120		if(windW <=640){
121			if(sub2 == 0){
122				var Hsub2 = $('.s02').height();
123				$('.subBt02 .subnavi').animate({"height": Hsub2}, {duration: 250,easing: 'jswing'});
124				$('.subBt02').addClass("subBt_off");
125				sub2 =1;
126			}else{
127				$('.subBt02 .subnavi').animate({"height": 0}, {duration: 250,easing: 'jswing'});
128				$('.subBt02').removeClass("subBt_off");
129				sub2 =0;
130			}
131		return false;
132		}
133		
134	});
135	$(".subBt03 > a").click(function() {
136		var windW = $(window).innerWidth();
137		if(windW <=640){
138			if(sub3 == 0){
139				var Hsub3 = $('.s03').height();
140				$('.subBt03 .subnavi').animate({"height": Hsub3}, {duration: 250,easing: 'jswing'});
141				$('.subBt03').addClass("subBt_off");
142				sub3 =1;
143			}else{
144				$('.subBt03 .subnavi').animate({"height": 0}, {duration: 250,easing: 'jswing'});
145				$('.subBt03').removeClass("subBt_off");
146				sub3 =0;
147			}
148			return false;
149		}
150		
151	});
152	
153	
154	
155	

156	// トップスムーススクロール/////////////////////////////////////////
157
158	var topBtn = $('#pagetop');
159	topBtn.hide();
160	//スクロールが500に達したらボタン表示
161	$(window).scroll(function () {
162		if ($(this).scrollTop() > 500) {
163			topBtn.fadeIn();
164		} else {
165			topBtn.fadeOut();
166		}
167	});
168	//スルスルっとスクロールでトップへもどる
169	topBtn.click(function () {
170		$('body,html').animate({
171			scrollTop: 0
172		}, 500);
173		return false;
174	});
175	
176	
177	
178//リサイズしたときの処理/////////////////////////	
179$(window).on('load resize', function(){
180var windH = $(window).height();
181var windW = $(window).innerWidth();
182if(windW >640){
183	$('nav').css({"height":0});
184	spNumber =0;
185	sub1 =0;
186	sub2 =0;
187	sub3 =0;
188}
189});
190	
191	
192
193//ナビゲーション自動反転処理/////////////////////////
194$(window).bind("load", function(){
195    if(document.URL.match("/products/")) {
196        $('.main_nav li:nth-child(1)').addClass('nactive');
197    }else if(document.URL.match("/beginner/")){
198		$('.main_nav li:nth-child(2)').addClass('nactive');
199	}else if(document.URL.match("/beginner_review/")){
200		$('.main_nav li:nth-child(2)').addClass('nactive');
201	}else if(document.URL.match("/pro/")){
202		$('.main_nav li:nth-child(2)').addClass('nactive');
203	}else if(document.URL.match("/pro_review/")){
204		$('.main_nav li:nth-child(2)').addClass('nactive');
205	}else if(document.URL.match("/reason/")){
206		$('.main_nav li:nth-child(3)').addClass('nactive');
207	}else if(document.URL.match("/guide/")){
208		$('.main_nav li:nth-child(4)').addClass('nactive');
209	}else if(document.URL.match("/qa/")){
210		$('.main_nav li:nth-child(5)').addClass('nactive');
211	}
212});
213
214
215
216	
217	
218	
219	
220});