Question

我有fullpage.js可以正常运行。还已经让我的标头变得很粘。它开始透明，当您滚动时其背景变为白色。问题是，当我启用fullpage.js时，好像标题没有检测到任何滚动，因此即使它保持粘性，背景色也不会改变。

我已经测试了各种设置，以查看它们是否有效，但尚未起作用。我对编码完全陌生。

jQuery(document).ready(function($) {
$('#fullpage').fullpage({
    //options here
    scrollingSpeed: 1000,
    autoScrolling: true,
    navigation: true,
    slidesNavigation: true, 
    css3: false,
    fitToSection: true,
    fitToSectionDelay: 0,
    scrollBar: false,
    lazyLoading: true,
    menu: true

});
//methods
$.fn.fullpage.setAllowScrolling(true);
$("#navigation").sticky({topSpacing:0}).css({'background':'#000'});

}）;

我希望当fullpage.js滚动时，标题更改颜色。它当前不检测任何滚动。对不起，如果这太基本了。我只是想学习和感谢！

Answer 1

如fullPage.js FAQs中所述，如果要依赖滚动事件，则需要使用scrollBar:true或autoScrolling:false。

否则，您应该使用fullPage.js callbacks或state classes处理这些状态更改。

您可以检查my video tutorial有关如何使用fullpage.js状态类来触发状态更改。

滚动时Fullpage.js粘性标头背景颜色发生变化

1 个答案: