Reactjs React DnD-在出现'；s顶部的固定元素不'；不要向上滚动页面

我有一个仪表板，上面有多个DnD元素和一个固定的AppBar。我发现，如果您将元素拖到页面顶部（当您已经向下滚动页面时），它不会向上滚动，但是如果您从AppBar中删除

position:fixed

属性，它会向上滚动。因此，固定的AppBar“阻止”HTML5滚动页面。
我已经检查过了，这不是一个

z-index

问题。它与

位置有关：固定了
属性，因此与

我正在使用和材料。

以前有人遇到过这样的事情吗？

编辑：

我试过react dnd scrollzone和frontend Collection。这两个都不再受支持，并且在我降级react dnd版本时，它们都不起作用

顺便说一下，我使用的是react dnd版本10.0.2
 我也遇到过这个问题，它看起来确实是一个堆叠上下文问题，但我无法找到CSS解决方案

react dnd scrollzone可能已解决此问题，但不再受支持。前端集合已将其更新为支持react dnd 7。
然而，我没有测试过这一点，而是选择从头开始实现这一功能。
也遇到过这一问题，这似乎是一个堆叠上下文问题，但我无法找到CSS解决方案

react dnd scrollzone可能已解决此问题，但不再受支持。前端集合已将其更新为支持react dnd 7。
但是，我没有测试过这个功能，而是选择从头开始实现这个功能。
当我遇到同样的问题时就遇到了这个问题

我最终使用了一些我在实现自己的拖放时遇到的代码。

将handleDragEnter和handleDragLeave指定给固定构件。当你拖动它时，它会滚动。
是在我遇到同样问题时出现的

我最终使用了一些我在实现自己的拖放时遇到的代码。

将handleDragEnter和handleDragLeave指定给固定构件。当你拖动它时，它会滚动。
我两种都试过了。更新了问题以注意这一点。我两次都试过了。更新问题以注意到。
let stop = true;

const scroll = (step) => {

    window.scrollBy(0, step, "smooth");
      
    if (!stop) {
  
      setTimeout(function () { 
        scroll(step) }, 20
      );
  
    }
  
}

const handleDragEnter = (e) => {

     stop = false;
     scroll(-10);
    
}

const handleDragLeave = (e) => {

    stop = true;
    
}