https://www.lpcloud.jp/js/common_top.js

1//
2$(function(){
3	$(window).on('load scroll',function (){
4		$('.anime').each(function(){
5			var target = $(this).offset().top;
6			var scroll = $(window).scrollTop();
7			var height = $(window).height();
8			if (scroll > target - height){
9				$(this).addClass('anime_active');
10			}
11		});
12	});
13});
14
15//ドロワーメニュー
16$(function(){
17  
18  var gnavState = false;
19  var scrollpos;
20  $('.gnav_open').on('click', function(){
21    if(gnavState == false) {
22      scrollpos = $(window).scrollTop();
23      $('.gnav_main').css({visibility:'visible',opacity:'0'}).animate({opacity: 1}, 200);
24      $('.gnav').addClass('open');
25      gnavState = true;
26    } 
27  });
28  $('.gnav_close').on('click', function(){
29     if(gnavState == true) {
30       window.scrollTo( 0 , scrollpos );
31       $('.gnav').removeClass('open');
32       gnavState = false;
33    }
34  });
35  $('.gnav_main a').on('click', function(){
36      if(gnavState == true) {
37        $('.gnav input[name=gnav]').prop("checked", false);
38        window.scrollTo( 0 , scrollpos );
39        $('.gnav').removeClass('open');
40        gnavState = false;
41    }
42  });
43});
44
45//右固定メニュー
46$(function(){
47    $('.navmenu').on("mouseenter", function(){
48      $(".navmenu_list:not(:animated)").fadeIn(100);
49    }).on("mouseleave", function(){
50        $(".navmenu_list").fadeOut(300);
51    });
52});
53
54//固定フッター スクロール表示
55$(function(){
56 $(window).scroll(function() {
57  if($(this).scrollTop() > 400) { 
58     $(".footer_fix").fadeIn(); 
59  } else {
60     $(".footer_fix").fadeOut();
61  }
62 });
63});
64
65//slick メインビジュアル
66$(function(){
67  $('.mainvisual_slider').slick({
68      fade: true,
69      autoplay: true,
70      autoplaySpeed: 3500,
71      speed: 3000,
72      pauseOnFocus: false,
73      pauseOnHover: false,
74      pauseOnDotsHover: false,
75      infinite: true,
76      slidesToShow: 1,
77      slidesToScroll: 1,
78      dots: false,
79      arrows: false
80  });
81});
82
83//slick 発行機能 画像
84$(function(){
85    const option = {
86      lazyLoad: 'ondemand',
87      fade: true,
88      speed: 1000,
89      dots: false,
90      arrows: false,
91      slidesToShow: 1,
92      waitForAnimate: false,
93      swipe: false,
94      touchMove: false,
95    }
96    const featureOut = $('.feature_list_slider_out');
97    let featureOutList = $('.feature_list_qa_out');
98
99    featureOut.slick(option);
100
101    featureOutList.on('click',function(){
102      index = $(this).index();
103      featureOut.slick("slickGoTo", index, false);
104    });
105});
106
107//slick 受取機能 画像
108$(function(){
109    const option = {
110      lazyLoad: 'ondemand',
111      fade: true,
112      speed: 500,
113      dots: false,
114      arrows: false,
115      slidesToShow: 1,
116      waitForAnimate: false,
117      swipe: false,
118      touchMove: false,
119    }
120    const featureIn = $('.feature_list_slider_in');
121    let featureInList = $('.feature_list_qa_in');
122
123    featureIn.slick(option);
124
125    featureInList.on('click',function(){
126      index = $(this).index();
127      featureIn.slick("slickGoTo", index, false);
128    });
129});
130
131//アコーディオン 発行機能
132$(function () {
133  $(".feature_list_open .feature_list_txt_out").css("display", "block");
134  $('.feature_list_detail_out').on('click', function () {
135    //openクラスをつける
136    $(this).toggleClass('feature_list_open', 500);
137    //クリックされていないac-parentのopenクラスを取る
138    $(".feature_list_detail_out").not(this).removeClass("feature_list_open");
139    $(this).children('.feature_list_txt_out').slideToggle();
140    $('.feature_list_detail_out').not($(this)).children('.feature_list_txt_out').slideUp();
141  })
142});
143
144//アコーディオン 受取機能
145$(function () {
146  $(".feature_list li:first-child .feature_list_txt_in").css("display", "block");
147  $('.feature_list_detail_in').on('click', function () {
148    //openクラスをつける
149    $(this).toggleClass('feature_list_open', 500);
150    //クリックされていないac-parentのopenクラスを取る
151    $(".feature_list_detail_in").not(this).removeClass("feature_list_open");
152    $(this).children('.feature_list_txt_in').slideToggle();
153    $('.feature_list_detail_in').not($(this)).children('.feature_list_txt_in').slide

153Up();
154  })
155});
156
157// スクロール
158$(function() {
159   // #で始まるアンカーをクリックした場合に処理
160   $('a[href^="#"]').on("click", function() {
161      // スクロールの速度
162      var speed = 700; // ミリ秒
163      // アンカーの値取得
164      var href= $(this).attr("href");
165      // 移動先を取得
166      var target = $(href == "#" || href == "" ? 'html' : href);
167      // 移動先を数値で取得
168      var position = target.offset().top;
169      // スムーススクロール
170      $('body,html').animate({scrollTop:position}, speed, 'swing');
171      return false;
172   });
173});