如何根据Jquery中的鼠标位置拖动子项？

Question

我有一张大的可拖动地图，可以查看地图上的所有地点。但我希望能够根据鼠标位置拖动它。

如何根据Jquery中的鼠标位置拖动子项？

这是我的拖动代码：

$(".map").draggable({
containment:[(parseInt($(".hk").width()) - parseInt($(".hkc").width())) * -1, 
(parseInt($(".hk").height()) - parseInt($(".hkc").height())) * -1, 0, 0], 
cursor: "move"
})

我的演示是here

这是截图：

Answer 1

    // Variables for current position
var x, y;

function handleMouse(e) {
  // Verify that x and y already have some value
  if (x && y) {
    // Scroll window by difference between current and previous positions
    window.scrollBy(e.clientX - x, e.clientY - y);
  }

  // Store current position
  x = e.clientX;
  y = e.clientY;
}

// Assign handleMouse to mouse movement events
document.onmousemove = handleMouse;