我正在推出一个自定义的拖放实现，它是Dragula库的简化版本。这是我的小提琴：

使用Dragula：http://jsfiddle.net/8m4jrfwn/

使用我的自定义拖放实现：http://jsfiddle.net/7wLtojs4/1/

我看到的问题是我的自定义拖放实现有点自由格式。我希望用户只能使用类框将其放在另一个div的顶部或底部。我怎样才能做到这一点？代码在这里：

function handleMouseDown(e) {
  window.dragging = {};
  dragging.pageX = e.pageX;
  dragging.pageY = e.pageY;
  dragging.elem = this;
  dragging.offset = $(this).offset();

  $('body')
    .on('mouseup',handleMouseUp)
    .on('mousemove',handleDragging);
}

function handleDragging(e) {
  let left = dragging.offset.left + (e.pageX - dragging.pageX);
  let top = dragging.offset.top + (e.pageY - dragging.pageY);
  $(dragging.elem)
    .offset({top: top,left: left});
}

function handleMouseUp() {
  $('body')
    .off('mousemove',handleDragging)
    .off('mouseup',handleMouseUp);
}

let boxElement = '.item';

$(boxElement).mousedown(handleMouseDown);