$(function(){ //スムーススクロール var isHtmlScrollable = (function(){ var html = $('html'), top = html.scrollTop(); var elm = $('
').height(10000).prependTo('body'); html.scrollTop(10000); var rs = !!html.scrollTop(); html.scrollTop(top); elm.remove(); return rs; })(); $('a[href^=#]').click(function() { var speed = 800;// ミリ秒 var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var w = $(window).width(); if(w>=641){ if($('#case_sb_menu').hasClass('fixed3')){ padding = 135; } else{ padding = 315; } } if(w<=640){ if($('#case_sb_menu').hasClass('fixed4')){ padding = 200; } else{ padding = 350; } } var position = target.offset().top - padding; $(isHtmlScrollable ? 'html' : 'body').animate({scrollTop:position}, speed, 'swing'); return false; }); var img_dev; function win_wid(){ win_w = $(window).width(); if(win_w <= 640 && img_dev != 'smp'){ $('.img_chg').css({'visibility': 'hidden'}); $('.img_chg').each(function(){ $(this).attr('src', $(this).attr('src').replace('.png', '_s.png')); $(this).load(function(){ $(this).css({'visibility': 'visible'}); }); }); img_dev = 'smp'; }else if(win_w > 640 && img_dev != 'pc'){ $('.img_chg').each(function(){ $(this).attr('src', $(this).attr('src').replace('_s.png', '.png')); }); img_dev = 'pc'; } } win_wid(); /* グローバルメニューの表示 */ var navBox = $("#header .menu #nav"); function menuInt(){ navBox.hide(); $('#header .menu ul#nav > li ul').hide(); $("#header .menu ul#nav > li ul").slideUp(20); $(".open").removeClass("open"); } function win_menu(){ if(img_dev != 'pc'){ navBox.hide(); }else { navBox.show(); } $('#header .menu ul#nav > li span').click( function(){ if(img_dev != 'pc'){ if($(this).parent().hasClass("open")){ $(this).parent().find('ul').stop().slideUp(200); $(this).parent().removeClass("open"); }else{ $(this).parent().find('ul').stop().slideDown(200); $(this).parent().addClass("open"); } } } ); } win_menu(); $(window).resize(function(){ win_wid(); win_menu(); }); $('#header .menu .menu_btn').click(function(){ if($(this).attr('src').match('open')){ $(this).attr('src', $(this).attr('src').replace('open', 'close')); }else{ $(this).attr('src', $(this).attr('src').replace('close', 'open')); } navBox.stop().slideToggle(200); }); }); // PC用のサイドバー固定 /*(function(){ $(function(){ var fix = $('#pc-side-nav'), //固定したいコンテンツ side = $('.sidebar'), //サイドバーのID main = $('#cont1'), //固定する要素を収める範囲 sideTop = side.offset().top; fixTop = fix.offset().top, mainTop = main.offset().top, w = $(window); var adjust = function(){ fixTop = fix.css('position') === 'static' ? sideTop + fix.position().top : fixTop; var fixHeight = fix.outerHeight(true), mainHeight = main.outerHeight(), winTop = w.scrollTop(); if(winTop + fixHeight > mainTop + mainHeight){ fix.removeClass('pc-side-nav-fixed'); }else if(winTop >= fixTop){ fix.addClass('pc-side-nav-fixed'); }else{ fix.removeClass('pc-side-nav-fixed'); } } w.on('scroll', adjust); }); })(jQuery);*/ jQuery(function($) { var nav = $('#menu'), offset = nav.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top) { nav.addClass('fixed'); } else { nav.removeClass('fixed'); } }); }); jQuery(function($) { var nav = $('#case_sb_menu'), offset = nav.offset(); console.log(offset); var w = $(window).width(); var menu_open="close"; if(w>=641){ $(window).scroll(function () { if($(window).scrollTop() > offset.top) { nav.addClass('fixed3'); } else { nav.removeClass('fixed3'); } }); } else{ $(window).scroll(function () { if($(window).scrollTop() > offset.top) { if(menu_open=="open"){ nav.removeClass('fixed3'); nav.removeClass('fixed4'); nav.addClass('fixed3'); } if(menu_open=="close"){ nav.removeClass('fixed3'); nav.removeClass('fixed4'); nav.addClass('fixed4'); if($(window).scrollTop() <160){ nav.removeClass('fixed4'); } } } else { nav.removeClass('fixed3'); nav.removeClass('fixed4'); } }); } $("#panel-btn").click(function() { $("#panel").slideToggle(200); $("#panel-btn-icon").toggleClass("close"); return false; }); $("#panel-btn").click(function(){ $(".spg_navi_btn").slideToggle(); if(menu_open == "open"){ menu_open="close"; } else if(menu_open == "close"){ menu_open="open"; } console.log(menu_open); if(menu_open=="open"){ nav.removeClass('fixed3'); nav.removeClass('fixed4'); nav.addClass('fixed3'); } if(menu_open=="close"){ nav.removeClass('fixed3'); nav.removeClass('fixed4'); nav.addClass('fixed4'); if($(window).scrollTop() <160){ nav.removeClass('fixed4'); } } return false; }); $(window).resize(function(){ var win = $(window).width(); var p = 640; if(win > p){ $(".spg_navi_btn").show(); } else { $(".spg_navi_btn").hide(); } }); });