Fullpage.js 卡片扩展 - 仅适用于第一张幻灯片

Question

我正在使用 fullpage.js 扩展卡。有没有办法只将卡片效果应用到第一张幻灯片，然后将常规 fullpage.js 应用到其他幻灯片？

$('#fullpage').fullpage({
    cards: true,
    cardsOptions: {
        perspective: 100,
        fadeContent: true,
        fadeBackground: true
    },

    onLeave: function(origin){
        if( origin.index > 0 ){
            // cards: false; <- Does not work...
        }
    },
});

Answer 1

您可以阅读 Cards extension on the wiki page linked from the the fullpage.js documentation

的可用方法

当检测到非第一个部分时，您可以在 afterLoad 回调中使用以下方法：

fullpage_api.cards.destroy();

然后你可以再次初始化它：

fullpage_api.cards.init();

单击左下角的“打开”和“关闭”按钮时，您可以在 Cards 3d demo page 上看到此应用。

Fullpage.js 卡片扩展 - 仅适用于第一张幻灯片

Fullpage.js Cards Extension - Only apply to first slide

jquery

fullpage.js