在div中移動圖片？

Question

我有一個具有特定寬度和高度的div。 較小的圖像具有相同的寬度，但高度卻少得多。 我怎么能

• 將小圖片定位到大div的內部頂部（但仍然要在其中看到所有小圖片）
• 從大div的內部頂部到內部的底部對小圖像進行動畫處理（再次使所有圖像保持可見）
• 逆過程再回到頂部

我對此完全感到困惑。 所有寬度/高度都是已知的，因此不需要動態計算。

謝謝。

Answer 1

您可以在此處查看代碼示例

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

Answer 2

1. 設置位置：相對於包含div的位置。
2. 設置位置：圖像上的絕對位置。
3. 使用setInterval遞增圖像的頂部 CSS屬性，直到其等於（包含div的高度）-（圖像的高度）
4. 達到目標后，執行相同的操作，除了將top屬性遞減至0
5. 轉到3 :)