$(function(){ $(window).load(function(){ $("body").css("display","block"); /* ============================================================================================== 02.global menu ============================================================================================== */ $('.spHoverMenuBtn').html('MENU'); $('.spHoverMenuCloseBtnArea').remove(); $('.spHoverMenuBtn').click(function(){ $('.box_fixed, .h_info, .h_info02, .pgtop, .spHoverMenu').css({'position':"absolute"}); }); $('.spMenuBackground, .spHoverMenuCloseBtn').click(function(){ $('.box_fixed, .h_info, .h_info02, .pgtop, .spHoverMenu').css({'position':"fixed"}); }); $(".spMenuTapDisp a").on("click",function(){$(".spMenuTapDisp, .spMenuBackground").hide();}); /* ============================================================================================== 03.header ============================================================================================== */ var menu_position = $(".spHoverMenu").css("top"); var headerHight = $("#fixed").height(); if($(".header_a").size() > 0) { $("#page_block1").css('padding-top',headerHight); } else if($(".header_b").size() > 0) { var posi = $(".header_b").offset().top; if ($(window).scrollTop() >= posi) { $(".header_b").css({ 'position':'fixed', 'top':0, 'right':0, 'width':'100%', 'z-index':100, }); $("#page_block3").css({ 'padding-top':headerHight, }); $(".spHoverMenu").css({ 'position':'fixed', 'top':0, 'right':0, }); } else { $(".header_b").css({ 'position':'relative', }); $("#page_block3").css({ 'padding-top':0, }); $(".spHoverMenu").css({ 'position':'absolute', 'top':menu_position, }); } $(window).scroll(function() { if ($(window).scrollTop() >= posi) { $(".header_b").css({ 'position':'fixed', 'top':0, 'right':0, 'width':'100%', 'z-index':100, }); $("#page_block3").css({ 'padding-top':headerHight, }); $(".spHoverMenu").css({ 'position':'fixed', 'top':0, 'right':0, }); } else { $(".header_b").css({ 'position':'relative', }); $("#page_block3").css({ 'padding-top':0, }); $(".spHoverMenu").css({ 'position':'absolute', 'top':menu_position, }); } }); } else if($(".header_c").size() > 0) { $("#page_block5").css('padding-bottom',headerHight); } /* ============================================================================================== 08.to page top ============================================================================================== */ $(function() { var pageTop = $('.page-top'); pageTop.hide(); $(window).scroll(function () { if ($(this).scrollTop() > 500) { pageTop.fadeIn(); } else { pageTop.fadeOut(); } }); pageTop.click(function () { $('body, html').animate({scrollTop:0}, 500, 'swing'); return false; }); }); /* ============================================================================================== 途中からスクロール ============================================================================================== */ var nav = $('#nav'), offset = nav.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top - 20) { nav.addClass('fixed'); } else { nav.removeClass('fixed'); } }); /* ============================================================================================== 99.header height アンカーリンクでの高さ調整 *** このscriptは自動処理の一番最後に記述 ============================================================================================== */ //$('img:last-child').on('load',function(){ if(location.hash.length > 0){ auto_toggle(location.hash); var target = $(location.hash); if($(".header_c").size() > 0) { var position = target.offset().top - 10; } else { var position = target.offset().top - headerHight - 10; } $("html, body").animate({scrollTop:position},10); } //}); $('a[href*=#]').click(function(){ if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); if(target.length == 0){ target = $("#page_block1"); } else { auto_toggle(this.hash,"task"); if($(".header_c").size() > 0) { var targetOffset = target.offset().top - 10; } else { var targetOffset = target.offset().top - headerHight - 10; } $("html, body").animate({scrollTop:targetOffset}, 550, "swing"); return false; } } }); }); });