Javascript 可滚动元素被覆盖div阻止

我需要在可滚动的[pre]元素上方放置一个覆盖div（z顺序）。问题是，我不能再在pre元素中滚动，因为覆盖层正在阻止它

Q：有没有办法通过div传递滚动事件，以便它们到达底层元素？

CSS:

HTML:

（此处将显示响应）

您已将CSS分配给类

.dropzone

。但是没有dropzone类，只有一个ID！尝试以下CSS：

#dropzone { pointer-events:none; }

---

但请注意，这一点。对于这些浏览器，您可以使用。

您应该提供一个最低限度的示例来复制您的问题更新我的答案，请尝试。而且：您的代码不会在这里或在一个小提琴中运行。请创建一个工作示例，否则我们无法帮助您。@roNn23尝试了您更新的答案（这纠正了我使用class而不是id的CSS错误）——但现在我无法将任何内容拖到dropzone上。指针事件：无也阻止拖放事件。有没有更精确的方法？类似滚动事件：无？不幸的是没有。我能想到的唯一方法是，当光标位于元素上时捕捉滚动事件，并使用JS在后台滚动元素。

<div class="container">
  <div id="myoverlay">&nbsp;</div>
  <div class="row">
        <div class="col-md-12">
          <div id="myimage">
            <canvas id="myCanvas" width="970" height="485"></canvas>
          </div> <!-- end col-md-4 -->
          <div id="myresponse">
            <pre id="mycode" class="mycode">
              <span style="color:#139C8A"><i>(Response will appear here)</i></span>
            </pre>
          </div>
          <div id="dropzone" class="dropzone-detect detect-droppable"></div>
        </div>
  </div><!-- end row -->
</div> <!-- /container -->

#dropzone { pointer-events:none; }