https://theapollo.jp/wp/wp-content/themes/theapollo/assets/js/common.js

1$(function(){
2	var $body = $('body');
3	$('.close_menu').on('click', function () {
4		$body.delay(1000).removeClass('side-open');
5	});
6  $('#js__sideMenuBtn').on('click', function () {
7    $body.toggleClass('side-open');
8    $('#js__overlay').on('click', function () {
9      $body.removeClass('side-open');
10    });
11  });
12
13	var headerHeight = $("#top-head").height() - 0;//固定ヘッダーの値
14  console.log(headerHeight);
15  $('a[href^=#]').click(function(){
16    var speed = 800;
17    var href = $(this).attr("href");
18    var target = $(href == "#" || href == "" ? "html" : href);
19    var position = target.offset().top - headerHeight;
20    $("html,body").animate({scrollTop:position}, speed,"swing");
21    return false;
22  });// smoothscroll
23
24});
25
26
27
28$(function(){// lightbox
29
30var nowModalSyncer = null;
31var modalClassSyncer = "modal-syncer";
32var modals = document.getElementsByClassName(modalClassSyncer);
33for(var i=0,l=modals.length; l>i; i++){
34	modals[i].onclick = function(){
35
36		this.blur();
37		var target = this.getAttribute("data-target");
38		if(typeof(target)=="undefined" || !target || target==null){
39			return false;
40		}
41		nowModalSyncer = document.getElementById(target);
42		if(nowModalSyncer == null){
43			return false;
44		}

45		if($("#modal-overlay")[0]) return false;
46		$("body").append('<div id="modal-overlay"></div>');
47		$("#modal-overlay").fadeIn("fast");
48		centeringModalSyncer();
49		$(nowModalSyncer).fadeIn("slow");
50		$("#modal-overlay,#modal-close").unbind().click(function() {
51			$("#" + target + ",#modal-overlay").fadeOut("fast" , function() {
52				$('#modal-overlay').remove();
53			});
54			nowModalSyncer = null;
55		});
56	}
57}
58	$(window).resize(centeringModalSyncer);
59	function centeringModalSyncer() {
60		if(nowModalSyncer == null) return false;
61		var w = $(window).width();
62		var h = $(window).height();
63		var cw = $(nowModalSyncer).outerWidth();
64		var ch = $(nowModalSyncer).outerHeight();
65		$(nowModalSyncer).css({"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"});
66	}
67});
68
69$(function(){
70	setTimeout(function(){
71		$('.footer_fixed').addClass('show')
72	}, 500);
73
74	if ($('body').attr('id') == 'gallery') {
75		const slidesCount = $('#fullpage').children().length;
76		const watchFullPageElement = function () {
77
78			let activeSlideIndex = $('#fullpage').find('.active').index();
79
80			if ((activeSlideIndex + 1) == slidesCount) {
81				$('.footer_fixed').removeClass('show')
82			} else {
83				$('.footer_fixed').addClass('show')
84			}
85
86			requestAnimationFrame(function(){
87				watchFullPageElement();
88			});
89		}
90		watchFullPageElement();
91	} else if ($('body').attr('id') == 'info' && window.matchMedia("(min-width: 801px)").matches) {
92		const commonFooter = $('footer.common').get(0);
93		const infoLastElement = $('#top_contents .info-sec').children().last().get(0);
94		$(window).on('scroll', function(){
95			const infoLastElementTop = infoLastElement.getBoundingClientRect().top;
96			const commonFooterPosTop = commonFooter.getBoundingClientRect().top;
97			if (infoLastElementTop < commonFooterPosTop) {
98				$('.footer_fixed').removeClass('show')
99			} else {
100				$('.footer_fixed').addClass('show')
101			}
102		})
103	} else {
104		const commonFooter = $('footer.common').get(0);
105		$(window).on('scroll', function(){
106			const windowHeight = $(window).innerHeight();
107			const commonFooterPosTop = commonFooter.getBoundingClientRect().top;
108			if (windowHeight > commonFooterPosTop) {
109				$('.footer_fixed').removeClass('show')
110			} else {
111				$('.footer_fixed').addClass('show')
112			}
113		});
114	}
115})