0

ユーザーがスクロールしているときにアニメーション化する必要があるヘッダーがあります。

$(document).scroll(function () {
var value = $(this).scrollTop();
if (value > 150) {
    $( "body" ).addClass( "scroll" );
    $( "header.head" ).animate({top:'-15px'}); }
else {
    $( "body" ).removeClass( "scroll" );
    $( "header.head" ).animate({top:'0px'}); }
    }
});

ユーザーが Y = 150 に達すると、ボディは ("scroll") と呼ばれる新しいクラスを取得し、ヘッダーはアニメーション化された top:-15px を取得します。

私の問題は、それ以外の場合は次のとおりです。

$( "header.head" ).animate({top:'0px'}); }

これは単に機能しません。実際、スクリプト全体が機能しなくなり、それが何であるかを理解できません。

どうすればそれを機能させることができますか？

4

2 に答える 2

0

構文エラー、追加}

$(document).scroll(function () {/*start anon func*/
    var value = $(this).scrollTop();
    if (value > 150) {/*start if*/
       $( "body" ).addClass( "scroll" );
       $( "header.head" ).animate({top:'-15px'}); /*end if*/}
    else {/*start else*/
       $( "body" ).removeClass( "scroll" );
       $( "header.head" ).animate({top:'0px'}); /*end else*/}
    /*end anon func*/}
/*extra brace*/});
于 2013-09-20T16:26:35.730 に答える