jquery - 在滚动时激活动画

Question

我有一个标题，当用户滚动时需要动画。

$(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'}); }

这根本行不通，事实上，整个脚本停止工作，无法弄清楚它是什么。

我怎样才能让它工作？

Answer 1

语法错误，额外}

$(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*/});

Answer 2

有一个额外的大括号'}'，并stop()在下面的代码中使用

尝试这个

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

});

希望这有帮助，谢谢