https://lovebites.jp/js/common.js

1$(function() {
2	$('#result .item').hide();
3});
4 
5$(window).on('load',function () {
6	stopLoading();
7});
8
9$(function(){
10  setTimeout('stopLoading()', 5000);
11});
12
13function stopLoading(){
14  $('#loader').fadeOut(1000, function(){
15    $('#loader_base').fadeOut(800);
16  });
17}
18
19$(window).on('load resize',function(){
20	var ww = $(window).width(); 
21	var baseWidth = 1000;
22/*	if( ww >= baseWidth ){
23		$('#navigation').css('display', 'flex'); 
24	} else {
25		$('#navigation').css('display', 'none');
26	}*/
27	var $elem = $('.imgChange');
28	var sp = '_sp';
29	var pc = '_pc';
30
31	function imageSwitch() {
32	$elem.each(function() {
33		var $this = $(this);
34		if(ww > baseWidth) {
35			$this.attr('src', $this.attr('src').replace(sp, pc));
36		} else {
37			$this.attr('src', $this.attr('src').replace(pc, sp));
38		}
39	});
40	}
41	imageSwitch();
42});
43
44$(function() {
45	var navBtn = $('#navBtn');
46	var gnav = $('#navigation');
47	var overlay = $('#overlay');
48	var h = $(window).height();
49	overlay.css('display','none');
50	overlay.css('height',h);
51	navBtn.on('click', function() {
52		if ($(this).hasClass('nav_open')) {
53			$(this).removeClass('nav_open');
54			gnav.removeClass('nav_open');
55			overlay.fadeOut(500);
56		} else {
57			$(this).addClass('nav_open');
58			gnav.addClass('nav_open');
59			overlay.fadeIn(300);
60		}
61	});
62	$('#navigation li a,#overlay').on('click', function() {
63		if (navBtn.hasClass('nav_open')) {
64			navBtn.removeClass('nav_open');
65			gnav.removeClass('nav_open');
66			gnav.fadeOut(500);
67			overlay.fadeOut(500);
68		}
69	});
70});
71
72
73$(window).on('load', function(){
74	var headerHeight = $('header').outerHeight();
75	var urlHash = location.hash;
76	if(urlHash) {
77		$('body,html').stop().scrollTop(0);
78		setTimeout(function () {
79			scrollToAnker(urlHash) ;
80		}, 100);
81	}
82	$('a[href^="#"]:not(.tmp)').click(function() {
83		var href= $(this).attr("href");
84		var hash = href == "#" || href == "" ? 'html' : href;
85		scrollToAnker(hash);
86		return false;
87	});
88	function scrollToAnker(hash) {
89		var target = $(hash);
90		var position = target.offset().top - headerHeight - 10;
91		$('body,html').stop().animate({scrollTop:position}, 500);
92	}
93})
94
95$(function(){
96	var showTop = 700;
97	$('body').append('<div id="totop"><a style="display:none"><i class="fas fa-angle-up"></i></a></div>');
98	var fixedTop = $('#totop a');
99	fixedTop.on('click',function(){
100		$('html,body').animate({scrollTop:'0'},500, 'swing');
101	});
102	$(window).on('load scroll resize',function(){
103		if($(window).scrollTop() >= showTop){
104			fixedTop.fadeIn('normal');
105		} else if($(window).scrollTop() < showTop){
106			fixedTop.fadeOut('normal');
107		}
108	});
109});