', nextArrow: '', responsive: [{ breakpoint: 640, settings: { centerMode: true, centerPadding:'10%' } }] }); $('.slideitem_small').slick({ arrows: true, autoplay: true, slidesToShow:1, adaptiveHeight: true, prevArrow: '', nextArrow: '' }); $('.slideitem_youtube').slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, autoplay: false, //オートプレイ arrows: false, prevArrow: '', nextArrow: '', asNavFor: '.slideitem_youtube_thumb' //サムネイルのクラス名 }); $('.slideitem_youtube_thumb').slick({ infinite: true, autoplay: false, arrows: true, prevArrow: '', nextArrow: '', slidesToShow: 3, slidesToScroll: 1, asNavFor: '.slideitem_youtube', //スライダー本体のクラス名 focusOnSelect: true, /* responsive: [{ breakpoint: 480, settings: { centerMode: true, centerPadding:'50px', slidesToShow: 2 } }] */ }); }); $(function() { $('.menuarea_page').removeClass('menuarea_page'); var thisOffset; $(window).on('load',function(){ thisOffset = $('#first_block').offset().top + $('#first_block').outerHeight(); }); $(window).scroll(function(){ if( $(window).scrollTop() + $(window).height() > thisOffset){ // 特定の要素を超えた $('.menuarea').addClass('fixed'); $('#scroolmenu').addClass('scroolmenushow'); } else { // 特定の要素を超えていない $('.menuarea').removeClass('fixed'); $('#scroolmenu').removeClass('scroolmenushow'); } }); }); $(window).on('scroll', function (){ var elem = $('.elem'); var isAnimate = 'isAnimate'; elem.each(function () { var elemOffset = $(this).offset().top; var scrollPos = $(window).scrollTop(); var wh = $(window).height(); if(scrollPos > elemOffset - wh + (wh * 0.3) ){ $(this).addClass(isAnimate); } }); }); var ps = new PerfectScrollbar('.news_cover');