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 时，正文会得到一个名为(“滚动”)的新类，然后标题会得到一个 top:-15px 动画。

我的问题是，在 else 中，如果我输入:

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

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

我怎样才能让它发挥作用？

Answer 1

那里有一个额外的大括号'}'并使用 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'});
 }

});

希望对你有帮助，谢谢