位置后面的内容：固定是难以处理的

Question

我有以下设置：

<div class="wrapper">
   <div class="element" id="first"></div>
   <div class="element"></div>
   <div class="element"></div>
   <div class="element"></div>
...
</div>

所以包装器设置为overflow-x: auto，溢出它的内容可以水平滚动。 #first div具有固定的位置和更多的样式，但基本上它总是可见的，其他div在它后面滚动，如下所示：

这里的问题是我正在使用拖放功能，但是一旦我尝试在固定的div上删除内容并且如果它背后有内容，那么拖放就会发生在那个内容上。基本上感觉就像我正在与固定div背后的东西互动，即使它在前面。我知道固定元素是不可用的，也许这是什么导致它？但我无法弄清楚如何让内容背后的内容留在后面。

Answer 1

嗯......这可能是因为固定元素不在流动之中。

您可以尝试首先将id设置为绝对值并赋予其高z-index值。较高的z-index值将使其保持在其他元素之上。 因此，当其他人滚动时，它将保持在该位置。

Answer 2

尝试使用CSS中的pointer-events: none;进行广告