Javascript 如何定义动画高度限制

我已经创造了动画，但是我的鱼离开了鱼缸水槽，我怎么能限制它

这里是小提琴链接：

下面是一些代码示例：

var $wnd = $('.fishtank');
$wnd.resize(function() {
    animeVars.rightMargin = $wnd.width();
    animeVars.bottomMargin = $('.fishtank').height();
}).resize();

酷鱼

这有点奇怪：

var newCoords = {
  top: Math.random() * (animeVars.topMargin - animeVars.bottomMargin + 1) + animeVars.bottomMargin,
  left: Math.random() * (animeVars.leftMargin - animeVars.rightMargin + 1) + animeVars.rightMargin
};

我想，你要做的是在轴上从起点的X到终点的Y之间选择一个随机位置：

      X                    Y
    |---|--------------|-------|

然后，您将需要执行以下操作：

pos = Math.random() * (canvasWidth - X  Y) + X;

---

我肯定你在某处有画布宽度：

$wnd.width（）

宽度是“.fishtank”我应该放在哪里？你能帮我站起来吗？如果你做了那个鱼缸，我肯定你能找到画布/窗口/鱼缸宽度的位置。你知道在哪里可以得到

X

和

Y

。