https://www.kotostyle.co.jp/js/script.js

1
2
3/*==================================================
4
5追尾型ページトップ
6==================================================*/
7
8$(function() {
9	var topBtn = $('#pagetop');
10	topBtn.hide();
11	$(window).scroll(function () {
12		if ($(this).scrollTop() > 200) {
13			topBtn.fadeIn();
14		} else {
15			topBtn.fadeOut();
16		}
17	});
18	topBtn.click(function () {
19		$('body,html').animate({
20		scrollTop: 0
21		}, 500);
22		return false;
23	});
24});
25
26
27
28/*==================================================
29
30スムーススクロール
31==================================================*/
32
33$(function(){
34	$('a[href^="#"]').click(function() {
35		var speed = 400; // ミリ秒
36		var href= $(this).attr("href");
37		var target = $(href == "#" || href == "" ? 'html' : href);
38		var position = target.offset().top;
39		$('body,html').animate({scrollTop:position}, speed, 'swing');
40		return false;
41	});
42	$(window).on('load',function() {
43		var ahash = location.hash;
44		if(ahash) {
45			var gotoNum = $(ahash).offset().top;
46			$('html,body').animate({ scrollTop: gotoNum }, 0 );
47		}
48		return false;
49	});
50});
51
52
53/*==================================================
54
55パララックス効果 最適化
56==================================================*/
57$(function(){
58	$('.sensing').removeClass('move');
59	$(window).ready(function(){
60		setTimeout(function(){
61			$('.sensing.soon').addClass('move');
62		},500);
63	});
64	$(window).on('ready scroll load',function(){
65		$(".sensing").each(function(){
66			var imgPos = $(this).offset().top;
67			var scroll = $(window).scrollTop();
68			var windowHeight = $(window).height();
69			if (scroll > imgPos - windowHeight + windowHeight/6){
70				$(this).addClass('move');
71			}
72		});
73	});
74});
75
76
77
78/*==================================================
79
80menu
81==================================================*/
82$(function() {
83	$('#menubtn,#spgnav .closebtn').click(function(){
84		$('html').toggleClass('open');
85		$('#spgnav').fadeToggle();
86	});
87	$('#memberbtn').click(function(){
88		$(this).toggleClass('open');
89		$('.member-nav').fadeToggle();
90	});
91});
92
93
94
95/*==================================================
96
97accordion
98==================================================*/
99$(function() {
100	$(".drop").click(function(){
101		$(this).toggleClass("open");
102		$(this).next().slideToggle();
103	}); 
104});
105
106
107/*==================================================
108
109modal script
110==================================================*/
111$(function(){
112	$(".modal-open").click(function(){
113		var href = $(this).attr("data-modal");
114		$(href).fadeIn();
115		$('html').addClass("modalset");
116	});
117	$(".modal-close,.modal-bg").click(function(){
118		$('.modal').fadeOut();
119		$('html').removeClass("modalset");
120	});

121	$(".modal-prev .modal-open,.modal-next .modal-open").click(function(){
122		var href = $(this).attr("data-modal");
123		$(this).closest(".modal").fadeOut();
124		$(href).fadeIn();
125		$('html').addClass("modalset");
126	});
127});
128
129
130