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', '');
        }

    }
});