/*==============================================
下クロール非表示上スクロール表示
==============================================*/
/*---------- 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,
}
}]
});
});
$(function() {
var topBtn = $('.bt_pagetop');
topBtn.hide();
//スクロールが100に達したらボタン表示
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
//ボタンの表示方法
topBtn.fadeIn();
} else {
//ボタンの非表示方法
topBtn.fadeOut();
}
});
//スクロールしてトップ
topBtn.click(function () {
$('body, html').animate({
scrollTop: 0
}, 500);
return false;
});
});