向下滚动时减少Div宽度，通过Jquery进入顶部时将其带回来

我希望在向下滚动时减小div宽度，但当用户滚动到顶部时，我希望将其恢复。（顶部如中所示，小于等于150）

我尝试了下面的代码，它在我向下滚动时有效，但在我向上滚动时无效

我不确定我错过了什么

 $(document).scroll(function() { 

            var scrollPosition = $(this).scrollTop();


            if (scrollPosition <= 150) {

                $("div.mydiv").animate({
                    width : "20%"
                });
            }
            else {
                $("div.mydiv").animate({
                    width : "50px"
                });
            }

    });

$（文档）。滚动（函数（）{
var scrollPosition=$（this.scrollTop（）；
如果（滚动位置请尝试以下操作：


$（窗口）。滚动（函数（）{
var scrollPosition=$（this.scrollTop（）；
if（scrollPosition）并用window$（window）.scroll（function（）替换文档{….Rao，当滚动到顶部时，它肯定不工作。当滚动到顶部时，它不会回到其原始位置。Wisd，它也不工作于窗口。您使用的是像素和百分比，您的意思是将其设置为50%，而不是50px吗？不，这是正确的。实际上，这也很好。问题是
宽度：“20%”
。当我滚动到顶部并希望div返回其原始位置时，第一个条件不会使div达到20%。出于某种原因，它会保持在50px。