https://www.aromafarm.jp/js/basis.js?1791292841

1$(function () {
2  // glonav
3  var nav = $('.globalNav');
4  nav.clone().appendTo('.sp-nav-list');
5  nav.clone().appendTo('.footer_navi');
6 
7  // slideDown
8  $('#header_nav li').hover(function () {
9   $("ul:not(:animated)", this).slideDown();
10  }, function () {
11   $("ul.dropdown", this).slideUp();
12  });
13
14// rollover
15$(function () {
16$("img.rollover").mouseover(function () {
17 $(this).attr("src", $(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));
18}).mouseout(function () {
19 $(this).attr("src", $(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
20});
21});
22
23// page-top
24var topBtn = $('#page-top, .fixed-btn');
25topBtn.hide();
26$(window).scroll(function () {
27 if ($(this).scrollTop() > 50) {
28  topBtn.fadeIn();
29 } else {
30  topBtn.fadeOut();
31 }
32});
33
34//  scroll  headerの高さ
35$(function () {
36var headerHeight = $('#l-header').innerHeight();
37var urlHash = location.hash;
38if (urlHash) {
39 $('body,html').stop().scrollTop(0);
40 setTimeout(function () {
41  var target = $(urlHash);
42  var position = target.offset().top - headerHeight;
43  $('body,html').stop().animate({
44   scrollTop: position
45  }, 500);
46 }, 100);
47}
48$('a[href^="#"]').click(function () {
49 var href = $(this).attr("href");
50 var target = $(href);
51 var position = target.offset().top - headerHeight;
52 $('body,html').stop().animate({
53  scrollTop: position
54 }, 500);
55});
56});
57
58// active
59$('#header_nav a').each(function () {
60var $href = $(this).attr('href');
61// top
62if (location.pathname.match(".php")) {
63 $('#header_nav a:eq(0)').removeClass('active');
64} else {
65 $('#header_nav a:eq(0)').addClass('active');
66}
67// other
68if (location.href.match($href)) {
69 $(this).addClass('active');
70 $('#header_nav a:eq(0)').removeClass('active');
71} else {
72 $(this).removeClass('active');
73}
74});
75
76// animation
77$(function () {
78if ($(window).innerWidth() >= 890) {
79 Position = $(window).height() + $(window).scrollTop();
80 $(".animation").each(function (i) {
81  if (Position > $(this).offset().top) {
82   $(this).delay(60 * i).queue(function () {
83    $(this).addClass("on");
84   });
85  }
86 });
87 $(function () {
88  var
89   $nav = $('#l-header, .bg-common'),
90   navPosition = $nav.offset().top;
91
92  $(window).on('scroll', function () {
93   if ($(this).scrollTop() > navPosition) {
94    $nav.addClass('is-fixed');
95   } else {
96    $nav.removeClass('is-fixed');
97   }
98  });
99 });
100};
101});
102
103$(window).scroll(function () {
104// animation
105scrollPosition = $(window).height() + $(window).scrollTop();
106$(".animation").each(function () {
107 if (scrollPosition - 100 > $(this).offset().top) {
108  $(this).addClass("on");
109 }
110});
111});
112
113$(window).scroll(function () {
114// animation
115scrollPosition = $(window).height() + $(window).scrollTop();
116$(".animation-round").each(function () {
117 if (scrollPosition - 400 > $(this).offset().top) {
118  $(this).addClass("on");
119 }
120});
121});
122
123// SP
124$('#nav-toggle ').on('click', function () {
125  $('body').toggleClass('open');
126 });
127 $('#sp-nav a').on('click', function () {
128  $('body').removeClass('open');
129 });
130 $(window).on('load', function () {
131  $('#js-loader').fadeOut(1200);
132 });
133
134 $(window).scroll(function() {
135    var windowH = $(window).height(),
136      scrollY = $(window).scrollTop();
137    $('.bgLRextendTrigger').each(function() {
138      var elPosition = $(this).offset().top;
139      if (scrollY > elPosition - windowH) {
140        $(this).addClass("bgLRextend");
141      } else {
142        $(this).removeClass("bgLRextend");
143      }
144    });
145
146    $('.blurTrigger').each(function(){
147      var elemPos = $(this).offset().top-50;
148      var scroll = $(window).scrollTop();
149      var windowHeight = $(window).height();
150      if (scroll >= elemPos - windowHeight){
151      $(this).addClass('blur');
152      }else{
153      $(this).removeClass('blur');
154      }
155      });	
156
157      $('.lineTrigger').each(function(){
158      var elemPos = $(this).offset().top-50;
159      var scroll = $(window).scrollTop();
160      var windowHeight = $(window).height();
161      if (scroll >= elemPos - windowHeight){
162        $(this).addClass('lineanime');
163      }else{
164        $(this).removeClass('lineanime');
165      }
166    });
167
168    $('.timeline li').each(function(){
169      var elemPos = $(this).offset().top;
170      var scroll = $(window).scrollTop();
171      var windowHeight = $(window).height();
172      var startPoint = 500;
173      if (scroll >= elemPos - windowHeight-startPoint){				
174        var H = $(this).outerHeight(true)
175
176        var percent = (scroll+startPoint - elemPos) / (H/2) *100;
177
178        if(percent  > 100){
179          percent  = 100;
180        }
181        $(this).children('.b-line').css({
182          height: percent + "%",
183        });
184      } 
185    });
186
187  });
188});