我使用jQuery UI可排序插件让用户在容器中重新排序div。
在插件的设置中,我将axis:"y"
设置为仅将拖动动作约束为垂直移动。
当用户拖动div
时,鼠标位置保持相同(相对于拖动的div
)垂直但水平地鼠标自由移动(我认为)它给出了较少“坚定”/“稳定”的ui体验,我想要拖动时鼠标停留在相同的位置(相对于div
)。
任何想法如何做到这一点?
注意:当排序不限于垂直移动时,只有鼠标本身锁定到第一个位置。
用JS控制鼠标位置很难做到,不可取。尽管如此,如果你想这样做,你应该看一下Pointer Lock API,虽然我不确定它能否达到你想要的效果。
亲切的问候,