Jquery (固定高度)分区内的可拖动项会弄乱光标位置

Jquery (固定高度)分区内的可拖动项会弄乱光标位置,jquery,html,height,draggable,scrollable,Jquery,Html,Height,Draggable,Scrollable,我有以下设置: <asp:treeview cssclass="draggable"><items...> <table /> 因此,在拖动时,克隆将停留在当前鼠标位置下方一点,以便于用户操作 但是,当打开的节点将treeview推到一个简单的内容页面之外时,我现在需要使它可以(垂直)滚动,否则拖放对用户来说太难了 在这种程度上,我在treeview周围放置了一个可滚动的div,如下所示: <div style="padding-right: 20p

我有以下设置:

<asp:treeview cssclass="draggable"><items...>  <table />
因此,在拖动时,克隆将停留在当前鼠标位置下方一点,以便于用户操作

但是,当打开的节点将treeview推到一个简单的内容页面之外时,我现在需要使它可以(垂直)滚动,否则拖放对用户来说太难了

在这种程度上,我在treeview周围放置了一个可滚动的div,如下所示:

<div style="padding-right: 20px; overflow: auto; overflow-x: hidden; height: 300px;"> <asp:treeview cssclass="draggable"><items...></div>  <table />

这与预期的一样有效,但问题是,在拖动时,克隆元素不再位于鼠标位置下方,而是位于下方,这当然会让用户感到非常困惑

我已尝试删除draggable()方法的“cursorAt”属性,但这没有帮助


因此,div的固定高度似乎弄乱了克隆元素的位置。。。你知道我该怎么解决这个问题吗

好的,答案是CursorAt将默认为拖动项的父项,在本例中,该项已更改为div

所以将draggable()更改为

解决了这个问题

<div style="padding-right: 20px; overflow: auto; overflow-x: hidden; height: 300px;"> <asp:treeview cssclass="draggable"><items...></div>  <table />
 $("draggable").draggable({ helper: "clone", appendTo:'body', cursorAt: { left: -10, top: -10} })