滚动位置的动画条

Question

我用 jquery 创建了一些动画条。我只是真的只是在学习 jQuery 和 javascript。它昨晚工作，栏在某个滚动位置时动画，但现在它不起作用，没有任何改变。有人帮我吗？或者有比我现在做的更好的方法吗？

http://jsfiddle.net/FkUYf/1/

$(document).ready(function(){
    $(document).scroll(function() {
        var top = $(document).scrollTop();
        console.log(top);
        if (top > 930) $("#html, #css").animate({width:"100%"}, 2000);
        if (top > 930) $("#javascript").animate({width:"70%"}, 2000);
        if (top > 930) $("#php").animate({width:"50%"}, 2000);
        if (top > 930) $("#mysql").animate({width:"30%"}, 2000);
        if (top > 930) $("#wordpress").animate({width:"60%"}, 2000);
    });
});

Answer 1

您似乎没有达到 930 的保证金。它在330 边距下工作正常。

http://jsfiddle.net/FkUYf/2/