有没有人知道哪些东西可以在jQuery.animate（）动画期间导致偏移？ 当您单击下面的链接时，您将找到一个带有jQuery的动画。 问题在于，顶部元素导致偏移或者在开始时快速。 我尝试了几乎所有的东西来同步这两个元素，但我搞砸了几个小时。
起初我重建了css＆amp; javascript原因当我尝试为一个元素设置高度并为另一个元素设置“底部”时，我认为这是一个问题。因此改变了我只改变“底层”风格的一切。
但结果是一样的。 然后我改变了每个动画的持续时间。再说一遍......没有运气！
还有很多其他的东西我在CSS和Javascript中改变了但也没有运气。
也许我不理解jQuery中的.animate，还有一些我没有看到的内容。
答案 0 :(得分：0)
问题是waterLevelTop开始低于waterLevel并在waterLevel中间结束。我猜你希望它一直处于中间位置。要修复它，只需添加min-height: 20px;
到.bottle .waterLevelTop区块。
编辑： 我创建了一个分叉来显示“修复”http://codepen.io/anon/pen/Bledw