/*-------------------------------------------------- PageTop > PC --------------------------------------------------*/ jQuery(function() { var showFlug = false; var topBtn = jQuery('#pagetop'); //最初はボタン位置をページ外にする topBtn.css('bottom', '-100px'); var showFlug = false; //スクロールが100に達したらボタン表示 jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 200) { if (showFlug == false) { showFlug = true; topBtn.stop().animate({'bottom' : '15px'}, 200); } } else { if (showFlug) { showFlug = false; topBtn.stop().animate({'bottom' : '-100px'}, 150); } } }); //スクロールしてトップに戻る //500の数字を大きくするとスクロール速度が遅くなる topBtn.click(function () { jQuery('body,html').animate({ scrollTop: 0 }, "fast"); return false; }); }); /*-------------------------------------------------- Footernavi --------------------------------------------------*/ $(document).ready(function(){ $("#floatNav").hide(); // ↑ページトップボタンを非表示にする $(window).on("scroll", function() { if ($(this).scrollTop() > 100) { // ↑ スクロール位置が100よりも小さい場合に以下の処理をする $('#floatNav').slideDown("fast"); // ↑ (100より小さい時は)ページトップボタンをスライドダウン } else { $('#floatNav').slideUp("fast"); // ↑ それ以外の場合の場合はスライドアップする。 } // フッター固定する scrollHeight = $(document).height(); // ドキュメントの高さ scrollPosition = $(window).height() + $(window).scrollTop(); // ウィンドウの高さ+スクロールした高さ→ 現在のトップからの位置 footHeight = $("footer").innerHeight(); // フッターの高さ if ( scrollHeight - scrollPosition <= footHeight ) { // 現在の下から位置が、フッターの高さの位置にはいったら // "#floatNav"のpositionをabsoluteに変更し、フッターの高さの位置にする $("#floatNav").css({ "display":"none", "position":"absolute", "bottom": "-9999px" }); } else { // それ以外の場合は元のcssスタイルを指定 $("#floatNav").css({ "position":"fixed", "bottom": "0px" }); } }); });