Я создаю страницу вfullpage.js, На первом слайде изображение, которое занимает 90% высоты области просмотра. Остальные 10% - это панель навигации под изображением. Изображение ниже демонстрирует это.

При переходе к следующему слайду я хочу, чтобы панель навигации стала фиксированным заголовком для остальных слайдов.

Я попытался исправить элемент, как только онoffset().top значение 0 против$(window).top() используя jQuery. Это не сработало для меня.

$(window).scroll(function () {
    var nav = $('#nav');

    var eTop = nav.offset().top;
    if ((eTop - $(window).scrollTop()) == 0) {
        nav.addClass('fixed');
    }
    else {
        nav.removeClass('fixed');
    }
});

Возможно ли это и как мне этого добиться?