Изменение цвета фона липкого заголовка Fullpage.js при прокрутке

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, если вы хотите положиться на событие прокрутки.

В противном случае вы должны использовать callbacks fullPage.js или классы состояний , чтобы справиться с этими изменениями состояния.

Вы можете проверить моего видеоурока о том, как использовать классы состояний fullpage.js для запуска изменений в состоянии.