固定的标题块，在带有“ scrollOverflow：true”的fullPage.js节中滚动

Question

在我的网站上，固定的标题阻止了在设置scrollOverflow: true时滚动浏览各个部分。

当固定标题未悬停时，滚动浏览所有部分均正常。

当悬停固定标题时，如何在各节中实现相同的浏览？

隔离复制： https://jsfiddle.net/o5Lcpemw/1/

重现它的步骤：

1. 悬停固定的红色标题
2. 尝试滚动查看蓝色，灰色和绿色部分

MacOS High Sierra，最新的Chrome版本

Answer 1

您可以通过将元素的pointer-events值设置为none来停止允许标题响应鼠标事件：

#header {
  ...
  pointer-events: none;

}