// 佐藤武夫ギャラリー フッターが画面内に入ったら、サイドバーとイメージ要素がスクロールする $(function(){ $(window).on("scroll", function() { var scrollHeight = $(document).height();/*コンテンツの高さを取得し「scrollHeight」に代入する*/ var scrollPosition = $(window).height() + $(window).scrollTop();/*ブラウザの高さ+スクロールしたpx数を「scrollPosition」に代入する*/ var windowWidth = $(window).width();/*ブラウザの幅のpx数を「windowWidth」に代入する*/ var footHeight = $("#footer").innerHeight();/*「#footer」の高さを取得し変数「footHeight」に代入する*/ var moveScroll = (scrollPosition + footHeight - scrollHeight) * -1; if ( scrollHeight - scrollPosition <= footHeight ) {/*class「copy」の高さより「ブラウザの高さ+スクロールしたpx数」が小さくなった場合にifの中をアクションする*/ $("#transparent,#satow_portrait").css({/*cssはstyleが付与される*/ "top": moveScroll }); } else { $("#transparent,#satow_portrait").css({/*cssはstyleが付与される*/ "top": 0 }); } }); });