jQuery UI - 比mousemove更慢的可拖动对象|| $（窗口）.scrollTop不工作

Question

我不确定我是否可以同时提出2个问题。告诉我将来是否应该这样做。

所以：

1. 我有一个可拖动的对象（使用jQuery UI完成），当我拖动它时，它比我移动鼠标慢得多。你可以查看here。只需将右上方的黑色半透明矩形向下拖动即可看到效果。

2. 在同一个codepen上，我遇到了另一个问题。如果我拖动该矩形，页面应向下滚动。我尝试使用以下代码执行此操作：

   $(".draggable").draggable({
     drag: function() {
       var dragTop = $(".draggable").css('top');
       $(window).scrollTop(
         $(document).scrollTop() + dragTop
       );
     },
     containment: ".scrollIndicator", 
     axis: "y",
   });
   

   所以我得到了可拖动对象的CSS top。然后我在页面上滚动了一个简单的$(window).scrollTop();，并且偏移了对象的top属性。

任何人都知道我做错了什么或我如何解决这个问题？ 感谢您的帮助。