https://loopsports.co.jp/wp-content/themes/original/assets/js/function.js

1var speed = 3000;
2var swiper = new Swiper('.swiper_main', {
3	loop: true,
4	speed: 2000,
5	slidesPerView: 1,
6	centeredSlides: true,
7	autoplay: {
8	  delay: 1500,
9	  disableOnInteraction: false,
10	},
11	navigation: {
12	  nextEl: ".swiper-button-next",
13	  prevEl: ".swiper-button-prev",
14	},
15	breakpoints: {
16		834: {
17			slidesPerView: 1.5,
18		}
19	}
20});
21
22window.addEventListener('load', function() {
23	var element = document.getElementsByClassName('load-fade');
24	if(!element) return;
25	for(var i = 0; i < element.length; i++) { 
26		element[i].classList.add('is-show');
27	}
28});
29
30const nav = document.querySelector('.spnav-menu');
31nav.addEventListener('click', function() {
32	document.querySelector('body').classList.toggle('active');
33});
34
35
36window.addEventListener('scroll', function() {
37    const header = document.querySelector('header');
38	const headerHeight = header.clientHeight;
39    if(window.scrollY > header.offsetTop) {
40		document.querySelector('body').style.paddingTop = headerHeight + 'px';
41        header.classList.add('js_active');
42    } else {
43		document.querySelector('body').style.paddingTop = '0px';
44        header.classList.remove('js_active');
45    }
46});
47
48$(document).ready(function(){
49	$('.cont_02').Geometryangle({
50		mesh: {background:'rgba(26, 24, 111, 1)'},
51		lights: [{ambient:'rgb(26,24,111)', diffuse:'rgb(230,183,2)'}],
52		line: {draw:false},
53		vertex: {draw:false}
54	});
55	$('.cont_03').Geometryangle({
56		mesh: {background:'rgba(26, 24, 111, 1)'},
57		lights: [{ambient:'rgb(26,24,111)', diffuse:'rgb(230,183,2)'}],
58		line: {draw:false},
59		vertex: {draw:false}
60	});
61	$('.cont_06').Geometryangle({
62		mesh: {background:'rgba(26, 24, 111, 1)'},
63		lights: [{ambient:'rgb(26,24,111)', diffuse:'rgb(230,183,2)'}],
64		line: {draw:false},
65		vertex: {draw:false}
66	});
67	$('.page_ttl').Geometryangle({
68		mesh: {background:'rgba(26, 24, 111, 1)'},
69		lights: [{ambient:'rgb(26,24,111)', diffuse:'rgb(230,183,2)'}],
70		line: {draw:false},
71		vertex: {draw:false}
72	});
73});