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

Question

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

有什么办法可以让菜单变粘。

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

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

感谢大家的大力支持。

干杯伯尼

Answer 1

这里有一个例子。

它做得很快，但也许有更简单的方法来做到这一点。基本上它是关于使用回调和 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', '');
        }

    }
});