防止Chrome中的div滚动

Question

我有一个div块，当整个页面滚动时不应该从页面滚动，所以我使用了css属性

pointer-events: none

我使用视差，所以图像的顶部位置和“第一”部分的标题是由它设置的，但是当鼠标在这个块上滚动时会影响顶部位置

<section id="first" data-type="background" data-speed="10"  style="pointer-events: none!important">
     <div> 
        <h1 id="title">TITLE</h1>   
        <img src="slider.png" id="slider-image" />
     </div>
 </section>
 <section class="second" data-type="background" data-speed="10" >
      ...

禁用指针事件适用于Chromium和Mozilla，但Chrome中没有任何操作。

由于

Answer 1

Here概述了CSS指针事件支持的浏览器。正如您所看到的，Chrome和IE存在一个问题：

  

使用pointer-events：none移动对象上的滚动条;适用于Firefox，但无法在Chrome或IE中使用。

一个可能的解决方法是关注this guide通过图层转发鼠标事件。

您可能还会发现this post有帮助。