$(function(){ $(window).on("load", function(){ if($(window).scrollTop() > 80){ $('#pageTop').fadeIn(); }else{ $('#pageTop').fadeOut(); } }); $(document).on('click', '#pageTop', function(){ $('body,html').animate({ scrollTop: 0},500); return false; }); var winW = $(window).width(); var devW = 600; if (winW >= devW) { footNopx = 50; } else { footNopx = 20; } $(window).on("scroll", function() { if ($(this).scrollTop() > 80) { $("#pageTop").fadeIn(); } else { $("#pageTop").fadeOut(); } scrollHeight = $(document).height(); //ドキュメントの高さ scrollPosition = $(window).height() + $(window).scrollTop(); //現在地 footHeight = $(".ft_info_wrap").innerHeight(); //footerの高さ(=止めたい位置) if ( scrollHeight - scrollPosition <= footHeight ) { //ドキュメントの高さと現在地の差がfooterの高さ以下になったら $("#pageTop").css({ "position":"absolute", //pisitionをabsolute(親:wrapperからの絶対値)に変更 "bottom": footHeight + footNopx //下からfooterの高さ + 20px上げた位置に配置 }); } else { //それ以外の場合は $("#pageTop").css({ "position":"fixed", //固定表示 "bottom": footNopx //下から20px上げた位置に }); } }); //アンカーリンク $(document).on('click', 'a[href^="#"]', function(){ var speed = 300; var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; $('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); //gnavi 開閉 $(document).on('click', '.gnavi.trigger', function(){ //e.preventDefault(); //$('.sp_menu').toggleClass('show'); $('.gnavi.trigger').toggleClass('active'); $('body').toggleClass('fixed'); }); if (window.matchMedia( "(min-width: 1299.5px)" ).matches) { //pc var drop_btn = '.header_in .nav_wrap.bottom ul li.clickOpen a'; $(document).on('click', drop_btn, function(){ event.preventDefault(); var dataNav = $(this).data('drop-nav'); $('.dropdown_menu_wrap').addClass('show'); $('#modal_shadow').addClass('drop_open'); $('.dropdown_menu_wrap').find('.drop_menu.active').removeClass('active'); $('.drop_menu[data-drop-nav="'+ dataNav +'"]').addClass('active'); $(drop_btn).removeClass('active'); $(this).addClass('active'); $(drop_btn).next().removeClass('on'); $(this).next().addClass('on'); }); var drop_cate = '.dropdown_menu_wrap .column_wrap .column_a ul > li'; $(document).on('mouseover', drop_cate, function(){ var dataCate = $(this).data('category'); $('.column_b, .column_b ul, .column_a li a').removeClass('active'); $(this).find('ul'+ '.' + dataCate ).addClass('active'); //$('.column_b').find('ul'+ '.' + dataCate ).addClass('active'); $(this).addClass('active'); }); $(document).on('mouseout', drop_cate, function(){ //$(this).find('.column_b').removeClass('active'); $(this).removeClass('active'); }); $(document).on('mouseout', '.column_b', function(){ $(this).removeClass('active'); }); $(document).on('click', '.dropdown_menu_wrap .drop_close, #modal_shadow, .dropdown_menu_wrapIn, .nav_wrap.bottom ul li span.close', function(){ $('.dropdown_menu_wrap').removeClass('show'); $('#modal_shadow').removeClass('drop_open'); $(drop_btn).removeClass('active'); $(drop_btn).next().removeClass('on'); }); $(window).on("load", function(){ var footerSize = $('footer#footer').height(); $('footer#footer').css('min-height' , footerSize + 'px'); }); } else { //スマホ $(document).on('click', '.header .header_in .gnavi', function(){ $(this).next().slideToggle(300); }); $(document).on('click', '.dropdown_menu_wrap .drop_menu.clickOpen .menu_title', function(){ $(this).toggleClass('active'); $(this).next().slideToggle(300); $('.dropdown_menu_wrap .drop_menu .menu_title').not($(this)).siblings('.dropdown_menu_wrap .drop_menu .column_wrap').slideUp(); $('.dropdown_menu_wrap .drop_menu .menu_title').not($(this)).removeClass('active'); }); var drop_btnSP = '.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow'; $(document).on('click', drop_btnSP, function(){ event.preventDefault(); $(this).toggleClass('active'); $(this).next().slideToggle(300); //var dataCate02 = $(this).data('category'); //$('.column_b').find('ul'+ '.' + dataCate02 ).addClass('active'); //alert(dataCate02); }); } if (window.matchMedia( "(min-width: 960px)" ).matches) { //PC } else { //スマホ $(document).on('click', '.subpage_sub .category_navi .category_title a', function(){ event.preventDefault(); }); $(document).on('click', '.subpage_sub .category_navi .category_title', function(){ event.preventDefault(); $(this).toggleClass('active'); $(this).next().slideToggle(300); }); } });