https://princess-session.com/assets/js/script.js?20241218135938

1
2// メニュー //
3$('header .btn-nav').click(function(){
4	$('header nav').toggleClass('open');
5	$(this).toggleClass('close');
6	return false;
7});
8$('header nav ul li a').click(function () {
9	$('header nav').removeClass('open');
10	$('header .btn-nav').removeClass('close');
11});
12
13// フェード //
14$(window).on('load scroll',function (){
15	$('.fade , .load').each(function(){
16		var position = $(this).offset().top;
17		var scroll = $(window).scrollTop();
18		var windowHeight = $(window).height();
19		if (scroll > position - windowHeight + 100){
20			$(this).addClass('fadein');
21		} else {
22			$(this).removeClass('fadein');
23		}
24	});
25});
26
27// スムーススクロール //
28var urlHash = location.hash;
29if(urlHash) {
30	$('body,html').stop().scrollTop(0);
31		setTimeout(function(){
32		var target = $(urlHash);
33		var position = target.offset().top;
34		$('html,body').animate({scrollTop: position}, 500, "swing");
35		return false;
36	}, 100);
37}
38$('a[href^="#"]:not(.popup)').click(function(){
39	var href = $(this).attr("href");
40	var target = $(href == "#" || href == "" ? 'html' : href);
41	var position = target.offset().top;
42	$('html,body').animate({scrollTop: position}, 500, "swing");
43	return false;
44});