https://www.aardman-jp.com/shaun/facility/js/script.js

1//////////スムーススクロール//////////
2
3$(function(){
4  $('a[href^="#"]').click(function(){
5	var offsetY = -0;
6    var speed = 500;
7    var href= $(this).attr("href");
8    var target = $(href == "#" || href == "" ? 'html' : href);
9    var position = target.offset().top+offsetY;
10    $("html, body").animate({scrollTop:position}, speed, "swing");
11    return false;
12  });
13});
14
15
16//////////ナビゲーション//////////
17
18$(function() {
19	$(".nav-button").on("click", function() {
20		if ($(this).hasClass("active")) {
21			$(this).removeClass("active");
22			$(".nav-wrap")
23				.addClass("close")
24				.removeClass("open");
25		} else {
26			$(this).addClass("active");
27			$(".nav-wrap")
28				.addClass("open")
29				.removeClass("close");
30		}
31	});
32	$('.nav-wrap a').on('click', function() {
33		$(".nav-wrap")
34			.addClass("close")
35			.removeClass("open");
36		$(".nav-button").removeClass("active");
37	})
38});
39
40////////////////////時間差フェードイン////////////////////
41$(function(){
42	$(".cutin").css({right:'0'});
43	setTimeout(function(){
44		$(".cutin").stop().animate({'right':'-13vw'},1000);
45	},1000);
46});
47
48
49//////////TOPへ戻るボタン//////////
50$(function() {
51	jQuery(function() {
52		var appear = false;
53		var pagetop = $('#page_top');
54		$(window).scroll(function () {
55		if ($(this).scrollTop() > 100) {  //100pxスクロールしたら
56			if (appear == false) {
57			appear = true;
58			pagetop.stop().animate({
59				'bottom': '10px' //下から50pxの位置に
60			}, 300); //0.3秒かけて現れる
61			}
62		} else {
63			if (appear) {
64			appear = false;
65			pagetop.stop().animate({
66				'bottom': '-100px' //下から-50pxの位置に
67			}, 300); //0.3秒かけて隠れる
68			}
69		}
70		});
71		pagetop.click(function () {
72		$('body, html').animate({ scrollTop: 0 }, 1000); //0.5秒かけてトップへ戻る
73		return false;
74		});
75	});
76});
77
78
79//////////25thボタン//////////
80/*$(function() {
81	jQuery(function() {
82		var appear = false;
83		var pagetop = $('.sp-cutin');
84		$(window).scroll(function () {
85		if ($(this).scrollTop() > 100) {  //100pxスクロールしたら
86			if (appear == false) {
87			appear = true;
88			pagetop.stop().animate({
89				'bottom': '0' //下から50pxの位置に
90			}, 300); //0.3秒かけて現れる
91			}
92		} else {
93			if (appear) {
94			appear = false;
95			pagetop.stop().animate({
96				'bottom': '-180px!important' //下から-50pxの位置に
97			}, 300); //0.3秒かけて隠れる
98			}
99		}
100		});
101	});
102});*/