jquare写吸顶效果。使用动画animate让出来了，怎么让它再隐藏回去。else里的效果不生效

Question

// 吸顶导航

$(function() {

 

    $(document).scroll(function() {

        var scrollTop = $(document).scrollTop();

        if (scrollTop > 400) {

            $("#absorb-nav").animate({

                top: 0

            })

        } else {

            $("#absorb-nav").css({

                top: -54

            })

        }

 

    }, )

 

})

Answer 1

 

应该让动画执行最后一次，不是每次的执行，执行动画前面+stop()清除之前的动画

 

$(function () {

    $(document).scroll(function () {

        var scrollTop = $(document).scrollTop();

        console.log(scrollTop);

        if (scrollTop > 400) {

            console.log(2222);

            $("#absorb-nav").stop().animate({

                top: 0

 

            }, 500, "linear")

 

        } else {

            $("#absorb-nav").stop().css({

                top: -54

            })

 

        }

 

    })

 

})