fullpage.js菜单从固定底部到固定顶部

Question

我正在为我的网站使用fullPage.js，

有什么方法可以使菜单保持粘性。

第一部分菜单固定在底部，第二部分菜单固定在顶部。

正在尝试实现此菜单效果http://www.dadaabstories.org/

谢谢大家的大力支持。

欢呼伯尼

Answer 1

这里有an example。

它的执行速度非常快，但也许有更简单的方法可以做到。基本上，这是关于使用回调和CSS样式。

$('#fullpage').fullpage({
    slidesColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    onLeave: function (index, direction) {
        if (index == 1 && direction == "down") {
            var menuTop = $(window).height() - $('#myMenu').height();


            $('#myMenu').css('top', '').css('bottom', menuTop + 'px');
        }
        if (index == 2 && direction == "up") {
            var menuTop = $(window).height() - $('#myMenu').height();

            $('#myMenu').animate({
                top: menuTop + 'px',
            }, 300);

            $('#myMenu').css('bottom', '');
        }

    }
});

Answer 2

您能达到结果吗？