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

时间:2018-11-22 17:04:06

标签: javascript css fullpage.js

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

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

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

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

重现它的步骤:

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

MacOS High Sierra,最新的Chrome版本

1 个答案:

答案 0 :(得分:0)

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

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

}