javascript - 固定 header block 滚动 "scrollOverflow: true"的 fullPage.js 部分

Question

当设置 scrollOverflow: true 时，我网站上的固定标题会阻止滚动，悬停时，通过部分。

当固定标题未悬停时，滚动浏览所有部分效果很好。

当鼠标悬停在固定标题上时，如何实现相同的浏览效果？

孤立繁殖: https://jsfiddle.net/o5Lcpemw/1/

重现步骤:

1. 悬停固定红色标题
2. 尝试滚动浏览蓝色、灰色和绿色部分

MacOS High Sierra，最新的 Chrome 版本

Answer 1

您可以通过设置元素的 pointer-events 来停止允许标题响应鼠标事件无值(value):

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

}