Javascript 飞行部’；s在另一个div中（不在整页上）

我想让这个部门搬到另一个部门去。现在他们正在浏览整页

我应该在代码中更改什么才能使其工作

$（文档）.ready（函数（）{
$（'.balloon'）。每个（animateDiv）；
});
函数makeNewPosition（）{
//获取视口尺寸（删除div的尺寸）
var h=$（窗口）.height（）-50；
var w=$（窗口）.width（）-50；
var nh=数学地板（数学随机（）*h）；
var nw=Math.floor（Math.random（）*w）；
返回[nh，nw]；
}
函数animateDiv（）{
var el=$（本）；
var newq=makeNewPosition（）；
var oldq=$（el）.offset（）；
var速度=计算速度（[oldq.top，oldq.left]，newq）；
$（el）。设置动画({
top:newq[0]，
左：newq[1]
}，速度，功能（）{
应用（这个）；
});
};
函数calcSpeed（上一个，下一个）{
var x=Math.abs（prev[1]-next[1]）；
var y=Math.abs（上一个[0]-下一个[0]）；
var最大=x>y？x:y；
var-speedModifier=.4；
var speed=Math.ceil（最大/速度修改器）；
返回速度；
}

.balloon{
宽度：50px；
高度：50px；
背景色：红色；
位置：固定；
}

创建一支新钢笔

创建一个div并在css中添加高度和宽度。然后，使用为

.height（）

和

.width（）

零件提供div的类代替window

你不必把气球放在html的div中，但我只是因为

$（文档）.ready（函数（）{
$（'.balloon'）。每个（animateDiv）；
});
函数makeNewPosition（）{
//获取视口尺寸（删除div的尺寸）
var h=$（'.sky'）.height（）-50；
var w=$（'.sky'）.width（）-50；
var nh=数学地板（数学随机（）*h）；
var nw=Math.floor（Math.random（）*w）；
返回[nh，nw]；
}
函数animateDiv（）{
var el=$（本）；
var newq=makeNewPosition（）；
var oldq=$（el）.offset（）；
var速度=计算速度（[oldq.top，oldq.left]，newq）；
$（el）.动画（{top:newq[0]，left:newq[1]}，速度，函数（）{
应用（这个）；
});
};
函数calcSpeed（上一个，下一个）{
var x=Math.abs（prev[1]-next[1]）；
var y=Math.abs（上一个[0]-下一个[0]）；
var最大=x>y？x:y；
var-speedModifier=.4；
var speed=Math.ceil（最大/速度修改器）；
返回速度；
}

.balloon{
宽度：50px；
高度：50px；
背景色：红色；
位置：固定；
}
.天空{
宽度：100%；
高度：150像素；
}

创建一支新钢笔

我删除了一些东西。只需遵循下面的代码。将CND jquery请求更改为https

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js

$（文档）.ready（函数（）{
$（'.balloon'）。每个（animateDiv）；
});
函数makeNewPosition（）{
//获取视口尺寸（删除div的尺寸）
var h=$（窗口）.height（）-50；
var w=$（窗口）.width（）-50；
var nh=数学地板（数学随机（）*h）；
var nw=Math.floor（Math.random（）*w）；
返回[nh，nw]；
}
函数animateDiv（）{
var el=$（本）；
var newq=makeNewPosition（）；
var oldq=$（el）.offset（）；
var速度=计算速度（[oldq.top，oldq.left]，newq）；
$（el）。设置动画({
top:newq[0]，
左：newq[1]
}，速度，功能（）{
应用（这个）；
});
};
函数calcSpeed（上一个，下一个）{
var x=Math.abs（prev[1]-next[1]）；
var y=Math.abs（上一个[0]-下一个[0]）；
var最大=x>y？x:y；
var-speedModifier=.4；
var speed=Math.ceil（最大/速度修改器）；
返回速度；
}

.balloon{
宽度：50px；
高度：50px；
背景色：红色；
位置：固定；
}

创建一支新钢笔

您需要在它们周围环绕一个div，例如

.container

，为其设置CSS值，然后更改：

// Get viewport dimensions (remove the dimension of the div)
var h = $(window).height() - 50;
var w = $(window).width() - 50;

为了

还有：

$（文档）.ready（函数（）{
$（'.balloon'）。每个（animateDiv）；
});
函数makeNewPosition（）{
//获取视口尺寸（删除div的尺寸）
var h=$（'.container'）.height（）-50；
var w=$（'.container'）.width（）-50；
var nh=数学地板（数学随机（）*h）；
var nw=Math.floor（Math.random（）*w）；
返回[nh，nw]；
}
函数animateDiv（）{
var el=$（本）；
var newq=makeNewPosition（）；
var oldq=$（el）.offset（）；
var速度=计算速度（[oldq.top，oldq.left]，newq）；
$（el）.动画（{top:newq[0]，left:newq[1]}，速度，函数（）{
应用（这个）；
});
};
函数calcSpeed（上一个，下一个）{
var x=Math.abs（prev[1]-next[1]）；
var y=Math.abs（上一个[0]-下一个[0]）；
var最大=x>y？x:y；
var-speedModifier=.4；
var speed=Math.ceil（最大/速度修改器）；
返回速度；
}

.container{
位置：相对位置；
宽度：400px；
高度：200px；
边框：实心1px；
利润率：50px自动1000px自动；
}
.气球{
宽度：50px；
高度：50px；
背景色：红色；
位置：绝对位置；
}

创建一支新钢笔

谢谢你，马里奥！看起来效果不错。但当你滚动时，气球会跳出div。因此滚动时气球保持可见。我希望他们留在部门（希望你明白我的意思）。不客气@DonaldRoos！我明白你的意思，看看我的代码，我添加了一个边距，以便能够在小提琴中向下滚动并检查它是否工作。我忘了提到，气球的css必须更改“位置：固定”为“位置：绝对”，这就是气球保持可见的原因。嗨，Paige，看起来效果不错。但当你滚动时，气球会跳出div。因此滚动时气球保持可见。我希望他们留在部门（希望你明白我的意思）。

// Get viewport dimensions (remove the dimension of the div)
var h = $('.container').height() - 50;
var w = $('.container').width() - 50;