Question

我尝试了很多解决方案，但仍然无法弄清楚如何做到这一点。我使用fullpage.js并有固定的页脚。 “Fullpage.js”允许您创建包含部分的页面。你可以从section1 scrool到section2，section2 - ＆gt;第3节等等......所有部分都有固定的页脚。我需要在上一部分（页面）隐藏页脚，但在所有其他部分显示。

<script type="text/javascript">
    var len = $('.section').length;
    $('.section').each(function(index, element) {
        if (index == len - 1) {
        $('#footer').hide();
        } else {
         $('#footer').show();
        }
    }
</script>

任何人都可以帮助我吗？如何在最后一节隐藏#footer。显示在所有部分但隐藏在最后一部分时人们流口水。

致以最诚挚的问候，谢谢

Answer 1

您应该使用Fullpage.js事件来执行此操作：

//Get the last section index
//Add 1 because index starts from 0 in jquery
var lastIndex = $('.section').last().index() + 1;

$('#fullpage').fullpage({
    //... your options are here ...
    onLeave: function (index, direction) {
        if (index == lastIndex) {
            $('#footer').fadeIn();
        }
    },
    afterLoad: function(anchorLink, index) {
        if (index == lastIndex) {
            $('#footer').fadeOut();
        }
    }
});

假设您的页脚为$（'＃footer'），当您离开或加载最后一个部分时，它会淡入或淡出。

此处有更多信息：https://github.com/alvarotrigo/fullPage.js#onleave-index-nextindex-direction

jQuery在最后一节隐藏了网址

1 个答案: