javascript - 将可拖动对象移动到屏幕或 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"
  })
}