jquery - 将 div 滑动到 div 的顶部

Question

如果 div 是 5 个 div 中的第 3 个并且它应该转到 div 的顶部并将其他 div 推到滑动到顶部的 div 下，我如何将 div 滑动到页面顶部。

我发现的最接近的结果是：http ://biostall.com/demos/swap-and-reorder-divs-smoothly-using-jquery/

唯一的问题是，它正在与另一个 div 交换位置，我希望它滑到所有 div 的顶部

Answer 1

演示

html

Click on a box
<img />
<img />
<img />
<img />
<img />

js/jq

var y = 100;
$('img').each(function () {
    $(this).css("top", y + "px");
    $(this).css("background-color", "rgb(0,90," + y + ")");
    y += 55;
});


$('img').click(function (e) {

    $(e.target).animate({
        top: "100"
    });

    $(e.target).siblings().each(function () {
        if ($(this).position().top < $(e.target).position().top) {
            $(this).animate({
                top: "+=55"
            });
        }
    });

});

css

img {
    height:50px;
    width:50px;
    position:absolute;
    left:20px;
    cursor:pointer;
}