将可拖动对象移动到屏幕顶部或Div？

Question

我在div中有可拖动的对象。我试图找出如何允许用户单击按钮并将对象移动到屏幕上的确切点（即使他们已将对象拖动到新位置）

无论对象从何处开始，都可以将对象设置为屏幕顶部的动画？ （见JSFiddle工作）谢谢！

我一直在尝试下面的代码，但我无法让它正常工作。

var json = [

           {'x' : '200' , 'y' : '200'},

            ];


    function initPage() {
        $.each(json, function() {
            $("#point").animate({
                left: this.x,
                top: this.y
            },
            "linear");
        });
    }

https://jsfiddle.net/unppstma/15/

Answer 1

在按钮的onclick事件中添加另一个函数，如下所示：

function moveToTop(){
  $('#draggable1, #draggable2').animate({
    "position": "absolute",
    "top" : "0"
  })
}