https://cocon-jewelry.com/assets/js/home.js

1
2$(function () {
3
4	let header = $('.l-header');
5	let homeHeader = $('#home .l-header');
6	header.addClass('is-front');
7	let hh = header.outerHeight();
8	$(window).scroll(function () {
9		scroll = $(this).scrollTop();
10		//メインビジュアルの高さ取得
11		let mvheaderHeight = $('.l-mv__wrapper').outerHeight();
12		if (mvheaderHeight < scroll) {
13			$('.l-mv').addClass('is-hide');
14			header.removeClass('is-wide');
15			homeHeader.removeClass('is-front');
16		}
17		if (scroll < mvheaderHeight) {
18			$('.l-mv').removeClass('is-hide');
19			header.addClass('is-wide');
20			homeHeader.addClass('is-front');
21		}
22	});
23
24	function mainAjust() {
25		let h1Height = $('.p-heading__title').outerHeight();
26		$('main').css('padding-top', h1Height);
27	}
28	mainAjust();
29	$(window).on("orientationchange resize", function () {
30		mainAjust();
31	});
32});