https://nnlife.co.jp/library/common/js/script.js

1jQuery(function($) {
2
3  // PAGE
4  if (typeof pbPageEditParams == 'undefined' || pbPageEditParams['statusFlag'] != 1) {
5  } else {
6    $('.pbPage').addClass('pbPage--edit');
7  }
8
9  // LINK
10  $('.pbPage a[href^="#"]').on('click', function(){
11    var href = $(this).attr("href");
12    var target = $(href == "#" || href == "" ? 'html' : href);
13    var position = target.offset().top;
14    $("html, body").animate({
15      scrollTop: position
16    }, 500, 'swing');
17    return false;
18  });
19
20  // HEADER
21  var ua = navigator.userAgent;
22  if ((ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0) && ua.indexOf('Mobile') > 0) {
23  } else if (ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0) {
24  } else {
25      $('header .main-menu > li').hover(function(){
26      if($(this).find('.menu-list').length){
27        var windowWidth = window.innerWidth;
28        if(windowWidth > 767){
29          var menuHeight= $(this).find('.menu-list').outerHeight();
30          $('header .background').stop().animate({height: menuHeight}, { duration: 'fast' });
31          $('header').addClass('open');
32        }
33      }
34    },function(){
35      $('header .background').stop().animate({height: 0}, { duration: 'fast' });
36      $('header').removeClass('open');
37    });
38  }
39
40  $('header .search-box-wrapper').hover(function(){
41    var windowWidth = window.innerWidth;
42    if (windowWidth > 767) {
43      $(this).addClass('open');
44      $('header .search-box-wrapper input[type=text]').focus();
45    }
46  },function(){});
47  $(document).on('click',function(e) {
48    if(!$(e.target).closest('header .search-box-wrapper').length) {
49      $('header .search-box-wrapper').removeClass('open');
50    }
51  });
52
53  $('header .nav-btn').on('click', function(){
54    $('.pbPage').addClass('pbPage--open');
55  });
56  $('header .background').on('click', function(){
57    $('.pbPage').removeClass('pbPage--open');
58  });
59
60  // PAGE TOP
61  $(window).scroll(function(){
62    if ($(this).scrollTop() > 300) {
63      $('footer .totop').fadeIn();
64    } else {
65      $('footer .totop').fadeOut();
66    }
67    if($('.lp-fixed_menu').length){
68      $('footer .totop').addClass('stop');
69    }
70    scrollHeight = $(document).height();
71    scrollPosition = $(window).height() + $(window).scrollTop();
72    footHeight = $(".pbFooterArea").height();
73    if (scrollHeight - scrollPosition <= footHeight) {
74      if(!($('.lp-fixed_menu').length)){
75        $('footer .totop').addClass('stop');
76      }
77    } else {
78      if(!($('.lp-fixed_menu').length)){
79        $('footer .totop').removeClass('stop');
80      }
81    }
82  });
83  $('footer .totop').on('click', function(){
84    $("html, body").animate({
85      scrollTop: 0
86    }, 500, 'swing');
87    return false;
88  });
89
90  // FOOTER
91  $('.footer-accordion .inner p.active').next('ul').show();
92  $('.footer-accordion .inner p').on('click', function(){
93    var windowWidth = window.innerWidth;
94    if(windowWidth < 768){
95      if($(this).hasClass('active')){
96        $(this).stop(true,true).removeClass('active').next('ul').stop(true,true).slideUp();
97      } else {
98        $('.footer-accordion .inner p').removeClass('active').next('ul').slideUp();
99        $(this).stop(true,true).addClass('active').next('ul').stop(true,true).slideDown();
100      }
101    }
102  });
103
104  // TOP
105  $('.top-slider').slick({
106    autoplay: true,
107    autoplaySpeed: 5000,
108    dots: true
109  });
110
111  // LP
112  $('.lp-slider .list').slick({
113    fade: true,
114    autoplay: true,
115    autoplaySpeed: 5000,
116    speed: 1500,
117    arrows: false
118  });
119
120  $(window).scroll(function(){
121    if($('.lp-fixed_menu').length){
122      if ($(this).scrollTop() > 500) {
123        $('.lp-fixed_menu').slideDown();
124      } else {
125        $('.lp-fixed_menu').slideUp();
126      }
127      var stopTop = $('.lp-fixed_stop').offset().top;
128      var fixedHeight = $('.lp-fixed_menu').height();
129      var scrollTop = $(window).scrollTop();
130      var windowWidth = window.innerWidth;
131      var windowHeight = $(window).height();
132
133      if(windowWidth > 767){
134        if(scrollTop > stopTop - windowHeight + fixedHeight + 30){
135          $('.lp-fixed_menu').addClass('stop');
136        } else {
137          $('.lp-fixed_menu').removeClass('stop');
138        }
139      } else {
140        if(scrollTop > stopTop - windowHeight + fixedHeight){
141          $('.lp-fixed_menu').addClass('stop');
142        } else {
143          $('.lp-fixed_menu').removeClass('stop');
144        }
145      }
146    }
147  });
148
149  // MIXPANEL
150  if (typeof pbPageEditParams == 'undefined' || pbPageEditParams['statusFlag'] != 1) {
151    $('.base-mixpanel .box-title > div').matchHeight();
152  }
153
154  // CATEGORY
155  $('.pbWhatsnewTable a').click(function(){
156    window.open(this.href, '');
157    return false;

158  });
159
160  // ACCORDION
161  accordionWidth();
162  $(window).resize(function(){
163    accordionWidth();
164  });
165  function accordionWidth(){
166    var w = $('.base-accordion').width();
167    $('.base-accordion .content').css('width',w);
168  }
169  $('.base-accordion .box.active').find('.content').show();
170  $('.base-accordion .trigger').on('click', function(){
171    if($(this).parents('.box').hasClass('active')){
172      $(this).stop(true,true).parents('.box').removeClass('active').find('.content').stop(true,true).slideUp();
173    } else {
174      $(this).stop(true,true).parents('.base-accordion').find('.box').removeClass('active').find('.content').stop(true,true).slideUp();
175      $(this).stop(true,true).parents('.box').addClass('active').find('.content').stop(true,true).slideDown();
176    }
177  });
178  var urlHash = location.hash;
179  if(urlHash) {
180    scrollToAnker(urlHash);
181  }
182  function scrollToAnker(hash) {
183    var target = $(hash);
184    var position = target.offset().top;
185    $('body,html').stop().scrollTop(position);
186  }
187
188  // TOTSUZEN
189  $('.lp-totsuzen .switch li').on('click', function(){
190    var index = $(this).parent('ul').find('li').index(this);
191    $(this).addClass('active').siblings().removeClass('active');
192    $(this).parents('ul').next('ul').find('li').removeClass('active').eq(index).addClass('active');
193  });
194
195  $('.lp-totsuzen .contents .video a').modaal({
196    type: "video"
197  });
198
199  function sliderSetting(){
200    var width = $(window).width();
201    if(width <= 767){
202      $('.lp-totsuzen .contents').not('.slick-initialized').slick({
203        dots: true,
204        arrows: false,
205        autoplay: true,
206        infinite: true,
207        autoplaySpeed: 4000,
208        swipe: true,
209        centerMode: true,
210        centerPadding: "0",
211        pauseOnFocus: false,
212        pauseOnHover: false,
213        pauseOnDotsHover: false
214      });
215      $('.lp-totsuzen .contents .video a').on('click', function(){
216        $('.lp-totsuzen .contents').slick('slickPause');
217      });
218      $(document).on("click", ".modaal-wrapper", function () {
219        $('.lp-totsuzen .contents').slick('slickPlay');
220      });
221    } else {
222      $('.lp-totsuzen .contents.slick-initialized').slick('unslick');
223    }
224  }
225  sliderSetting();
226  $(window).resize( function() {
227    sliderSetting();
228  });
229
230
231
232});