触发动画问题

Question

当窗口滚动超过 50 像素时，我必须从 0 到 68 像素为面包屑容器设置动画。我用这个：

$(window).scroll(function(){
    if ($(this).scrollTop() > 50 ) {
        $(".breadcrumb_cont").one().animate({top:68});          
        } else {
        $(".breadcrumb_cont").one().animate({top:0});

    }
});

但它只有在我使用代码的第一步时才有效。当我添加其他条件时，出现了一些问题......动画似乎与自身发生冲突。 问题出在哪里 ？ 谢谢

Answer 1

看看这个小提琴

just added a position to breadcrumb

.breadcrumb_cont {position:relative;}