jQuery 在最后一节隐藏 url

Question

我尝试了很多解决方案，但仍然不知道该怎么做。我正在使用 fullpage.js 并且有固定的页脚。 "Fullpage.js" 让您创建一个包含部分的页面。您可以从第 1 节滚动到第 2 节，第 2 节 -> 第 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 在最后一节隐藏 url

jQuery hide url on last section

jquery

footer

hide

fullpage.js