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

我不确定是否允许我同时问两个问题。告诉我以后是否不该这样做。

所以：

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

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

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

所以我得到了可拖动对象的CSS

top

。然后我做了一个简单的

$（窗口）

在页面上向下滚动，偏移对象的

top

属性

有人知道我做错了什么，或者我怎样才能改正吗？

---

提前感谢您的帮助。

由于

.scrollIndicator

元素上的transform属性，速度较慢。@NathanP。谢谢，现在我知道它为什么不能正常工作了。有没有想过如何解决这个问题？没有，这就是为什么我没有给出答案，我现在想不出正确的解决方案。也许可以使用高度/宽度css属性来减小它的大小。不管怎样，如果你发现了，请告诉我：）。@NathanP。我通过从

.scrollIndicator

容器中播放

.draggable

解决了这个问题。现在出现了其他问题