Javascript 是否在使用html5拖放时使用鼠标滚轮滚动页面？

我正在使用，但我还没有找到任何在拖动项目时使用鼠标滚轮滚动的工作示例

有没有办法做到这一点

下面是要复制的最大高度容器的代码：

（函数（）{
变量dndHandler={
draggedElement:null，
applyDragEvents:函数（元素）{
element.draggable=true；
var dndHandler=此；
元素。addEventListener（“dragstart”，函数（e）{
dndHandler.draggedElement=e.target；
e、 dataTransfer.setData（“text/plain”，”）；
});
},
APPLHydropeEvents:功能（滴管）{
dropper.addEventListener（“dragover”，函数（e）{
e、 预防默认值（）；
});
var dndHandler=此；
dropper.addEventListener（“drop”，函数（e）{
var目标=e.target，
draggedElement=dndHandler.draggedElement，
clonedElement=draggedElement.cloneNode（true）；
while（target.className.indexOf（“滴管”）=-1）{
//这是一个很好的选择
target=target.parentNode；
}
TraveCordNe= =“滴管”；//应用DU风格
clonedElement=target.appendChild（clonedElement）；//一个动作区
dndHandler.applyDragEvents（clonedElement）；//新的应用程序可以使用克隆节点
draggedElement.parentNode.removeChild（draggedElement）；//抑制源代码
});
}
};
var elements=document.queryselectoral（“.draggable”），
elementsLen=elements.length；
对于（变量i=0；i

(function() {
  var dndHandler = {
    draggedElement: null,

    applyDragEvents: function(element) {
      element.draggable = true;

      var dndHandler = this;

      element.addEventListener("dragstart", function(e) {
        dndHandler.draggedElement = e.target;
        e.dataTransfer.setData("text/plain", "");
      });
    },

    applyDropEvents: function(dropper) {
      dropper.addEventListener("dragover", function(e) {
        e.preventDefault();
      });

      var dndHandler = this;

      dropper.addEventListener("drop", function(e) {
        var target = e.target,
          draggedElement = dndHandler.draggedElement,
          clonedElement = draggedElement.cloneNode(true);

        while (target.className.indexOf("dropper") == -1) {
          // Cette boucle permet de remonter jusqu'à la zone de drop parente
          target = target.parentNode;
        }

        target.className = "dropper"; // Application du style par défaut

        clonedElement = target.appendChild(clonedElement); // Ajout de l'élément cloné à la zone de drop actuelle
        dndHandler.applyDragEvents(clonedElement); // Nouvelle application des événements qui ont été perdus lors du cloneNode()

        draggedElement.parentNode.removeChild(draggedElement); // Suppression de l'élément d'origine
      });
    }
  };

  var elements = document.querySelectorAll(".draggable"),
    elementsLen = elements.length;

  for (var i = 0; i < elementsLen; i++) {
    dndHandler.applyDragEvents(elements[i]);
  }

  var droppers = document.querySelectorAll(".dropper"),
    droppersLen = droppers.length;

  for (var i = 0; i < droppersLen; i++) {
    dndHandler.applyDropEvents(droppers[i]);
  }
})();