(function($){ // 高さ合わせ $('.matchHeight li').matchHeight(); // スライダー var $slider_container = $('.slider-container'), $slider = $('.slider'); $slider.on('init', function(){ $slider_container.addClass('initialized'); }); $slider.slick({ appendArrows: $slider_container, prevArrow: '
', nextArrow: ' ', dots: true, autoplay: true, autoplaySpeed: 3500, infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 1, responsive: [ { breakpoint: 640, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); // メニューボタン(固定) var offsetTop = $("#contents_hd").offset().top; function floatMenu(){ if ($(window).scrollTop() > offsetTop) { $("#menu_btn_float").addClass('fixed_menu'); $("#page_01").addClass('fix'); } else { $("#menu_btn_float").removeClass('fixed_menu'); $("#page_01").removeClass('fix'); } } $('body').bind('touchmove', floatMenu); // メニューボタン(スライドしてメニューを開く) var $content = $('#contents_wrapper'), $drawer = $('#slide_menu'), $button = $('#menu_btn,#menu_btn_float'), isOpen = false $("a").click(function () { if (isOpen == true) { if (!$(this).hasClass("menu_btn")) { $drawer.removeClass('open'); $content.removeClass('open'); $button.removeClass('open'); isOpen = false; return false; } } }); //ボタンをタップ、クリックした時 $button.on('click', function () { if (isOpen) { $drawer.removeClass('open'); $content.removeClass('open'); $button.removeClass('open'); isOpen = false; } else { $drawer.addClass('open'); $content.addClass('open'); $button.addClass('open'); isOpen = true; } return false; //親要素へのイベント伝播、aタグのURLクリックによる画面遷移を防ぐ }); //コンテンツ部分をタップ、クリックした時 $content.on('click', function (e) { e.stopPropagation(); if (isOpen) { $drawer.removeClass('open'); $content.removeClass('open'); $button.removeClass('open'); isOpen = false; } }); // 追随するカテゴリーメニュー var showFlag = false; $(window).scroll(function () { trace(); }); function trace() { if ($(window).scrollTop() >= 460) { if (showFlag == false) { showFlag = true; $("#nav_category_floating").addClass("middle"); $("#nav_category_floating .parent > li").removeClass("selected"); $("#nav_category_floating .sub").removeClass("show"); } } else { if (showFlag) { showFlag = false; $("#nav_category_floating").removeClass("middle"); $("#nav_category_floating").removeClass("show"); $("#nav_category_floating .parent > li").removeClass("selected"); $("#nav_category_floating .sub").removeClass("show"); } } var scrollHeight = $(document).height(); // ドキュメントの高さ var scrollPosition = $(window).height() + $(window).scrollTop(); // ウィンドウの高さ+スクロールした高さ→ 現在のトップからの位置 var footHeight = $("#footer-nav").innerHeight(); // フッターの高さ if (scrollHeight - scrollPosition <= footHeight) { if (showFlag) { showFlag = false; $("#nav_category_floating").removeClass("middle"); $("#nav_category_floating").removeClass("show"); $("#nav_category_floating .parent > li").removeClass("selected"); $("#nav_category_floating .sub").removeClass("show"); } } } $("#nav_category_floating h3").click(function () { $("#nav_category_floating").toggleClass("show"); $("#nav_category_floating .parent > li").removeClass("selected"); $("#nav_category_floating .sub").removeClass("show"); }); $("#nav_category_floating .parent > li").click(function () { var num = $("#nav_category_floating .parent > li").index(this); var this_page = $("#nav_category_floating .parent > li").index($(".selected")); if (num == this_page) { $("#nav_category_floating .parent > li").removeClass("selected"); $("#nav_category_floating .sub").removeClass("show"); } else { $("#nav_category_floating .parent > li").removeClass("selected"); $("#nav_category_floating .sub").removeClass("show"); if ($("#nav_category_floating .sub").eq(num).css("height") != "auto") { $(this).addClass("selected"); $("#nav_category_floating .sub").eq(num).addClass("show"); } } }); $(window).on('scroll', function(){ floatMenu(); }); $(window).on('load', function(){ sidefixnavaction(); }); $(window).on('resize', function(){ sidefixnavaction(); floatMenu(); }); function sidefixnavaction(){ var rankingnav = $('.rankingnav'); var startPos = $('.cate-nav').offset().top; var winH = $(window).height(); var endObj = $('.mod-SNSButtons').offset().top; var endPos = endObj - winH; $(window).scroll(function (){ if($(window).scrollTop() < startPos) { $(rankingnav).removeClass('fixed'); } else { $(rankingnav).addClass('fixed'); } if($(window).scrollTop() > endPos) { $(rankingnav).removeClass('fixed'); $(rankingnav).addClass('absolute'); } else { $(rankingnav).removeClass('absolute'); //$(rankingnav).addClass('fixed'); } }); } })(BROTHER.lib.$);