在div中移动图片？

Question

我有一个具有特定宽度和高度的div。 较小的图像具有相同的宽度，但高度却少得多。 我怎么能

• 将小图片定位到大div的内部顶部（但仍然要在其中看到所有小图片）
• 从大div的内部顶部到内部的底部对小图像进行动画处理（再次使所有图像保持可见）
• 逆过程再回到顶部

我对此完全感到困惑。 所有宽度/高度都是已知的，因此不需要动态计算。

谢谢。

Answer 1

您可以在此处查看代码示例

通常来看一下jQuery的.animate()方法。

Answer 2

1. 设置位置：相对于包含div的位置。
2. 设置位置：图像上的绝对位置。
3. 使用setInterval递增图像的顶部 CSS属性，直到其等于（包含div的高度）-（图像的高度）
4. 达到目标后，执行相同的操作，除了将top属性递减至0
5. 转到3 :)