https://www.hondahanbai-minamitohoku.co.jp/hondacars-miyagikeno/home/js/common.js

1/* Loader‰ðœ
2=============================== */
3$(function () {
4  var loading = $('#js-loader');
5  var wrapper = $('#js-wrapper');
6  var isHidden = function () {
7    loading.delay(0).fadeOut(2000);
8    wrapper.addClass('is-loaded');
9  };
10  setTimeout(isHidden, 1000);
11});
12
13/* header΁Տ
14=============================== */
15$(function () {
16  var header  = $('#js-header');
17  var $win    = $(window);
18  var scrollPos = $win.scrollTop();
19  var triggerScrollPos = 320;
20
21  $win.on('scroll', function () {
22    scrollPos = $win.scrollTop();
23
24    if (scrollPos > triggerScrollPos) {
25      header.addClass('is-fixed');
26    } else {
27      header.removeClass('is-fixed');
28    }
29  });
30});
31
32/* ƒAƒ“ƒJ[ƒXƒNƒ[ƒ‹
33=============================== */
34$(function(){
35  $('a[href^="#"]').not('a.js-tab-controller').click(function(){
36		var speed = 500;
37		var href= $(this).attr("href");
38		var target = $(href == "#" || href == "" ? 'html' : href);
39		var position = target.offset().top;
40		$("html, body").animate({scrollTop:position}, speed, "swing");
41		return false;
42	});
43});
44/* ƒOƒ[ƒoƒ‹ƒiƒrƒQ[ƒVƒ‡ƒ“
45=============================== */
46$(function () {
47  $("#l-header-gnav__inner ul > li").hover(
48    function () {
49      $(this).addClass("menu_on");
50    },
51    function () {
52      $(this).removeClass("menu_on");
53    });
54});
55$(function () {
56  $(".l-header-gnav__subMenu li").hover(
57    function () {
58      $(this).find("span").addClass("sub_menu_on").animate({ 'opacity': '0' }, { 'duration': 100, 'easing': 'swing' });
59    },
60    function () {
61      $(this).find("span").removeClass("sub_menu_on").animate({ 'opacity': '1' }, { 'duration': 100, 'easing': 'swing' });
62    });
63});