Fullpage.js背景颜色淡出

Question

您好，我试图让2个插件工作，这样当您滚动到那里时，可以使用＆＃39;幻灯片＆＃39;从一个整页容器转换到另一个容器以及背景颜色渐变过渡。

插件

魔术滚动颜色 http://codepen.io/daveredfern/pen/zBGBJV

Fullpage.js http://alvarotrigo.com/fullPage/

然而，魔术滚动颜色＆＃39;如果我包含所有＆＃34; .panel＆＃34;似乎没有用。除了之外的任何其他标签/ div中的div - 问题是我需要一个容器div才能使fullpage.js工作。

即使我将背景颜色js更改为目标容器div名称 （即）

$body = $('#fullpage') or $body = $('fullpage') 

......它仍然没有成功。我发现很难相信它不会对变量div和body标签之间的任何东西起作用。 我在这里嘲笑了一个问题的例子：https://codepen.io/anon/pen/qmbmMm

如果您能提供任何帮助，我将不胜感激！

干杯

Answer 1

问题是你有

add_action( 'after_setup_theme', 'register_html5_menu' );

和

__()

在CSS ID中，优先级高于类，因此它始终覆盖自定义颜色。轻松修复，将类更改为

#fullpage {
  background: #f4f4f4;
}

Answer 2

scroll事件不会在fullPage.js中被解雇，除非您使用the fullPage.js FAQs中详述的fullPage.js选项scrollBar:true或autoScrolling:false。< / p>

因此，您需要滚动条才能注册Magic Sc​​rolling Color正在使用的scroll事件。

如果您不想使用滚动条而只想重新创建淡化效果，我建议您选择fullPage.js Fading Effect extension。