https://www.toyamanseikaku.jp/spa_area/js/index.js

1$(function(){
2	$('.slider').slick({
3		dots: true,
4		arrows: false,
5		fade: true,
6		pauseOnHover: false,
7		autoplay: true,
8		slidesToShow: 1,
9		slidesToScroll: 1,
10		speed: 2000,
11		centerPadding: 0
12	});
13
14	//詳細開閉
15	$(".more_detail").on('click',function(){
16		$(this).next().slideDown();
17		$(this).addClass('open');
18	});
19
20	$(".detail .close").on('click',function(){
21		
22		var w = $(window).width();
23		
24		$(this).parent().hide();
25		$(this).parent().prev().removeClass('open');
26		if(w < 768 ){
27			$("html,body").animate({scrollTop:$(this).parent().parent().parent().offset().top - 30});
28		} else if(w < 1298) {
29			$("html,body").animate({scrollTop:$(this).parent().parent().parent().offset().top - 150});
30		} else {
31			$("html,body").animate({scrollTop:$(this).parent().parent().parent().offset().top - 100});
32		}
33	});
34	
35	$(window).on('load resize', function(){
36		$('.scene_images_more li').matchHeight();
37		//$('#index_carousel02 li a').matchHeight();
38	});
39	
40
41});
42
43window.addEventListener("scroll", function () {
44	// アニメーションを実行したいエレメントを取得
45	const elements = document.getElementsByClassName("image_anime");
46	var w = $(window).width();
47	var offsetH = 500;
48
49	// 複数のエレメントに対して、アニメーションを実行する
50	Array.prototype.forEach.call(elements, function (element) {
51		if(w < 768 ){
52			offsetH = -400
53		} else if(w < 1298) {
54			offsetH = 300
55		}
56
57		// ウィンドウの上端とエレメントの上端の距離を取得
58		const elementTop = element.getBoundingClientRect().top + offsetH;
59		const windowHeight = window.innerHeight;
60
61		// アニメーションの条件をチェック
62		if (elementTop - windowHeight <= 0) {
63		// アニメーションを実行するためのコードをここに記述
64		element.classList.add("animated");
65		}
66	});
67});