https://www.kagura-izika.com/js/common.js

1
2/* readyEvent
3------------------------------------------------------------------------*/
4
5$(function(){
6
7
8
9	// smoothScroll ---------------------------//
10	var	speed = 500,
11		easing = 'swing',
12		pcPosition = -0,
13		tabPosition = -0,
14		spPosition = -0;
15
16	$('a').not('.noscroll').click(function(){
17		var href = $(this).attr('href'),
18			case1 = href.charAt(0) == '#',
19			case2 = location.href.split('#')[0] == href.split('#')[0];
20
21		if(case1 || case2) {
22			if(case2)
23				href = '#'+href.split('#')[1];
24
25			$target = $(href);
26
27			if($target.length){
28				$html.add($body).not(':animated').animate({scrollTop : String($target.offset().top + (abi.pc ? pcPosition : abi.tab ? tabPosition : spPosition))},speed,easing);
29
30				return false;
31			}
32		}
33	});
34
35	// outerPageAnchorLink ---------------------------//
36	var $target = $('#'+window.location.href.split('#')[1]),
37		adjust = (abi.pc) ? pcPosition : (abi.tab) ? tabPosition : spPosition;
38
39	if($target.length) {
40		$w.load(function(){
41			var targetPosition = $target.offset().top;
42
43			$html.add($body).animate({scrollTop: String(targetPosition + adjust)}, 10);
44		});
45	}
46
47	// sp_nav ---------------------------//
48var sp_nav = $('#gnav'),
49		btn_open_spnav = $('#btn_open_spnav'),
50		btn_close_spnav = $('#btn_close_spnav');
51
52	btn_open_spnav.on('click',function(){
53		scrollTo(0,0);
54		if($("body").attr('id') == 'homepage') {
55			$('.slide_recopac').slick('slickPause');
56		}
57		$('#contents,#footer').fadeOut(200);
58		sp_nav.fadeIn(200);
59		$("#gnav").addClass("sp_nav");
60		$(".con_slider").addClass("menu");
61		$(".con_pgtitle").addClass("menu");
62		$(this).hide();
63		btn_close_spnav.show();
64	});
65
66	btn_close_spnav.on('click',function(){
67		scrollTo(0,0);
68		$('#contents,#footer').fadeIn(200);
69		sp_nav.fadeOut(200);
70		$("#gnav").removeClass("sp_nav");
71		$(".con_slider").removeClass("menu");
72		$(".con_pgtitle").removeClass("menu");
73		if($("body").attr('id') == 'homepage') {
74			var main_nunber = $('.slide_recopac').find('.slick-current').attr('data-slick-index');
75
76			if(!main_nunber == 3) {
77				$('.slide_recopac').find('.slick-next').click().addClass('next');
78			} else {
79				$('.slide_recopac').find('.slick-prev').click().addClass('prev');
80			}
81		}
82		$(this).hide();
83		btn_open_spnav.show();
84	});
85
86	// tel-link ---------------------------//
87	var ua = navigator.userAgent;
88	if(ua.indexOf('iPhone') > 0 && ua.indexOf('iPod') == -1 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0 && ua.indexOf('SC-01C') == -1 && ua.indexOf('A1_07') == -1 ){
89		$('.tel-link').each(function(){
90			var str = $(this).text();
91			$(this).html($('<a>').attr('href', 'tel:' + str.replace(/-/g, '')).append(str + '</a>'));
92		});
93	}
94
95	// topへ ---------------------------//
96
97$(function() {
98    var topBtn = $('#page-top');
99    topBtn.hide();
100    //スクロールが100に達したらボタン表示
101    $(window).scroll(function () {
102        if ($(this).scrollTop() > 100) {
103            topBtn.fadeIn();
104        } else {
105            topBtn.fadeOut();
106        }
107    });
108    //スクロールしてトップ
109    topBtn.click(function () {
110        $('body,html').animate({
111            scrollTop: 0
112        }, 500);
113        return false;
114    });
115});
116
117	// PC用サイド固定ナビ ---------------------------//
118		$(function(){
119			var w = $(window).width();
120			var x = 1024;
121			if (w >= x) {
122				$(".con_fnav_fix").addClass("fix_pc");
123		  }else{
124	      $(".con_fnav_fix").removeClass("fix_pc");
125	    }
126		});
127
128		$(window).scroll(function(){
129			if($(window).scrollTop()>400){
130				$('.fix_pc').not(":animated").slideDown('fast');
131				$(".fix_pc").addClass("top");
132			}else if($(window).scrollTop()<400){
133				$('.fix_pc').not(":animated").slideUp('fast');
134				$(".fix_pc").removeClass("top");
135			}
136		});
137
138		//タブナビゲーション開閉ボタン設置と処理
139		$('.box_page_tab ul').each(function(){
140			$(this).before('<p class="btn_page_tab"><i class="fa fa-bars"></i>MENU</p>')
141		});
142		$(".btn_page_tab").on('click',function(){
143			$(this).next().slideToggle(200);
144			$(this).toggleClass('active');
145		});
146
147		//タブナビゲーション開閉ボタン設置と処理
148		$('.box_tab ul').each(function(){
149			$(this).before('<p class="btn_open_tab"><i class="fa fa-bars"></i>MENU</p>')
150		});
151		$(".btn_open_tab").on('click',function(){
152			$(this).next().slideToggle(200);
153			$(this).toggleClass('active');
154		});
155});