@deniskins23

Как дотянуться до скролла с Fullpage.js?

Доброго времени суток.
Такая проблема. На сайте подключен плагин fullpage.js, чтобы скролл был по секциям на весь экран. Примерно на третей секции есть необходимость изменить логотип(скажем с черного на белый). Если плагин отключить, то дотянуться до этого через скролл получается, если плагин подключен, то вообще ничего не происходит, функция вообще не отрабатывается, даже консоль в ней, как будто он блокирует скролл. Может подсказать кто-нибудь толковую идею как это сделать?
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
Get-Web
@Get-Web Куратор тега JavaScript
Front-End Developer
$(function() {
    $('#fullpage').fullpage({
        onLeave: function(index, nextIndex, direction) {
            if (nextIndex == 3) {
                // Если переключаемся на 3-ю секцию выполняем действия
            } else {
               // Иначе..
            }
    });
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
HunteR-VRX
@HunteR-VRX
Помешанный на развитии
Здравствуйте! Повесьте на блок третей секции событие onload="name()" и инициализируйте функцию которая меняет стиль этого логотипа:
К примеру:

<section id="section_three" class="section_three" onload="loadSectionThree()">
    контент
</section>


Теперь JavaScript:

function loadSectionThree() {
    var section = document.getElementById('section_three');
          section.style.backgroundImage = 'url("путь до нового логотипа")';
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы