Question

我正在构建一个必须在点击事件中初始化的Fullpage.js实例，然后在点击另一个页面时销毁，反之亦然。如果在页面加载时没有隐藏#fullpage元素，scrollOverflow工作正常。

单击.fullpage-trigger时，会显示并构建#fullpage元素，但是不会创建带有.fp-scrollable和.fp-scroller类的两个元素？

破碎的实例：http://realbadrabbits.com/test/bug.html

提前致谢：）

$('.fullpage-trigger').on('click', function(event) {
    $('#fullpage').fullpage({
        anchors: ['1', '2'],
        navigation: true,
        navigationPosition: 'left',
        navigationTooltips: ['1', '2'],
        scrollOverflow: true
    });
});

$(document).on('click', '.destroy', function(){
    $.fn.fullpage.destroy('all');
    $('#fullpage').removeClass('active');
    $('#fullpage').addClass('hide-page');
});

Answer 1

初始化后尝试使用$.fn.fullpage.reBuild()。或者在afterRender回调中。

Answer 2

position: absolute

这对我有用

使用FullPageJS的scrollOverflow无法处理click事件

2 个答案: