/*============================================== 下クロール非表示上スクロール表示 ==============================================*/ /*---------- PC ----------*/ $(function(){ var pos = 0; var fixedlinkPC = $('.fixed-link'); var hideClassPC = 'hideClassPC'; $(window).on('scroll', function(){ if($(this).scrollTop() < pos ){ //上スクロール時ヘッダーのhideClassを削除 fixedlinkPC.removeClass(hideClassPC); }else{ //下スクロール時ヘッダーにhideClassを追加 fixedlinkPC.addClass(hideClassPC); } pos = $(this).scrollTop(); }); }); /*---------- SP ----------*/ $(function(){ var pos = 0; var fixedlinkSP = $('.fixed-link-sp'); var hideClassSP = 'hideClassSP'; $(window).on('scroll', function(){ if($(this).scrollTop() < pos ){ //上スクロール時ヘッダーのhideClassを削除 fixedlinkSP.removeClass(hideClassSP); }else{ //下スクロール時ヘッダーにhideClassを追加 fixedlinkSP.addClass(hideClassSP); } pos = $(this).scrollTop(); }); }); /*============================================== スライドショー ==============================================*/ $(function() { $('.slider01').slick({ prevArrow: '', nextArrow: '', infinite: true, dots: false, slidesToShow: 1, centerMode: true, //要素を中央寄せ centerPadding:'10%', //両サイドの見えている部分のサイズ autoplay:true, //自動再生 responsive: [{ breakpoint: 480, settings: { centerMode: true, } }] }); });