Jquery 当设置为某个百分比时，Div width会在指定的宽度上稳定下来之前偶尔跳一跳

我使用jQuery将div的宽度设置为屏幕的100%。问题是，一旦div在视觉上扩展到该宽度，宽度%的实际值会在最终确定为我指定的100%值之前偶尔跳转。这个问题可以在我录制的视频中看到

从视觉上看，元素仍然可以正常工作-宽度看起来根本没有变化。问题是，我正在使用的视差滚动插件（skrollr）在滚动时会出现故障并闪烁div，直到最终确定该值为止（我已尝试删除skrollr进行控制测试）。只有将其设置为百分比或vw时，才会出现跳跃效果，将其设置为px中的精确值可以正常工作

这是我控制的部门

<div class="projectContainer" id="A Head In The Box">
        <table class="projectTitle"><td align="right" valign="bottom" ></table>
        <div class="circle"></div><div class="circle"></div><div class="circle"></div>
</div>

---

除了这部动画，我已经尝试剥离掉所有的代码，但即使在那时，它似乎仍然在这样做。如果您想查看源代码，我重新构建了div，并获得了一个基本的工作版本。我想让你看看这个网站的非工作的、完整的版本，那就是。

看来我已经设法解决了这个问题，但在其中一种迂回的方式中，我不完全确定它为什么被解决了

动画被封装在一个函数中，该函数只有在所有其他“projectContainer”淡出时才会出现，即：

$(".projectContainer").not(selProject).fadeOut(200,"swing", function(){
   $(selProject).animate({
            left:'0px',
            top:'0px',
            width:'100%',
            height:'650px',},600,"easeOutQuint");
})

---

当我删除了它，只是设置了一个延迟动画，这样它就会在其他元素消失后发生，它奇迹般地工作了。如果有人碰巧知道这是如何使元素的宽度跳跃成百上千的，我很想知道：P

零散的部分将是你的放松set@charlietfl不可能，在我提供的剥离测试链接中设置了相同的放松，在那里它运行良好。我只是试着不管怎样把它拿出来，但它仍然在发生。

$(".projectContainer").not(selProject).fadeOut(200,"swing", function(){
   $(selProject).animate({
            left:'0px',
            top:'0px',
            width:'100%',
            height:'650px',},600,"easeOutQuint");
})