修复了 Header 块滚动 fullPage.js 部分 "scrollOverflow: true"

Question

我网站上的一个固定 header 在设置 scrollOverflow: true 时阻止滚动，悬停时，通过部分。

修复后 header 不再悬停滚动浏览所有部分。

如何在固定悬停时实现相同的浏览部分header？

孤立复制： https://jsfiddle.net/o5Lcpemw/1/

重现步骤：

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

MacOS High Sierra，最新 Chrome 版本

Answer 1

您可以通过将元素的 pointer-events 值设置为 none:

来停止允许 header 响应鼠标事件

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

}