【jQuery】JC003用

by tea4two

JavaScript

$(document).ready(function() {
    
    lore.stickyheader = function() {
        
        var $window = $(window);//ウィンドウ
        var stickyHeaderTop = 385;//ヘッダーメニューの初期値
        
        function update(){
            var pos = $window.scrollTop();//ウィンドウのスクロールトップ位置(上に行くほどプラス値が発生)
            if( pos > stickyHeaderTop ) {//現在のウィンドウ位置が３８５を上回れば...
                $('.header-wrapper').addClass('above');//class=aboveを追加
            } else {
                $('.header-wrapper').removeClass('above');//でなければ、トル
            }
            
            $('.tribute').css('top', (-50 + Math.round(pos * .5)) + 'px');//初期値が-50、キャッチの◯の位置をスクロールより１／２遅らせて逆スクロールさせる
            // console.log(Math.floor(pos/2)-50)+'px');
        }
            
        $window.bind('scroll', update).resize(update);//スクロールする度、ウィンドウをリサイズする度、update関数を実行
    
    }
    
    lore.stickyheader();
    
});//End of jQuery document.ready


$('body.landing-page #stage').addClass('loaded')//CSS3アニメーションができない糞ブラウザ対策 .loadedにheight CSSをつけておく