Scroll 使用滚动窗口更改元素的宽度

当我滚动大于或小于指定度量值的页面时，我使用此代码只更改一次div的宽度。但它不能正常工作。它工作有很多时间延迟。有人能帮我吗？ 多谢各位

$(document).ready(function(){
    $(window).scroll(function(){
        var a = $(this).scrollTop(),
            b = 50; //minimum top scroll amount//
        if (a > b){
            $('div').animate({'width':'100%'});
        }else{
            $('div').animate({'width':200});
        };
    });
});

---

它做什么而不工作？你能把这段代码放到JSFIDLE中吗？好的。我把它放在中间。