Javascript 具有多个步骤且速度平滑的动画

我想在jQuery中制作一个动画，将一个div平滑地移动到另一个div，但重新计算最终目的地的坐标，以防用户用鼠标滚动下降

红色方块是绝对定位的，蓝色方块是固定的

我有一个想法，多次调用stop（）函数，然后再次设置蓝色正方形的新位置的动画，但过渡一点也不平滑

有没有一种方法可以时不时地设置新的目的地，同时保持它的顺畅