使用FullPage.js滚动时标题成为页脚

Question

我只使用fullPage.js将近一个月，我仍然在测试它。

是否有可能在从其他部分滚动时，第1部分中的标题成为第2部分中的页脚？

示例就是这样。

从第1部分开始，注意标题部分。

在本节-2中，请注意第1节中的标题成为第2节中的页脚。

Answer 1

你可以用这样的东西来实现它：

var windowsHeight = $(window).height();

$('#fullpage').fullpage({
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    onLeave: function(index, nextIndex, direction){
        if(index == 1){
            setTimeout(function(){
                $('.header').css('top', '').css('bottom','').addClass('fixed');
            }, 650);
        }

        if(nextIndex == 1){
            $('.header').animate({
                top: windowsHeight - 100,
                bottom: '0'
            }, 700, 'easeInQuart', function(){
                $('.header').css({'top' : '', 'bottom' : ''});
                $('.header').removeClass('fixed');
            });     
        }
    },

    afterResize: function(){
        windowsHeight = $(window).height();
    }
});

这是living demo。

我没有尝试使用css3:true，你可能会遇到一些问题。

更新

对于CSS3 true，现在是默认选项，请参阅this answer。