javascript - 使用 FullPageJS 的 scrollOverflow 无法处理点击事件

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 回调中。