时间戳

首页 > 解决方案 > Fullpage.js 卡片扩展 - 仅适用于第一张幻灯片

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

问题描述

我正在使用带有卡片扩展名的 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...
        }
    },
});

标签： jqueryfullpage.js

解决方案

您可以在链接自fullpage.js 文档的 wiki 页面上了解 Cards 扩展的可用方法

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

fullpage_api.cards.destroy();

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

fullpage_api.cards.init();

单击左下角的 ON 和 OFF 按钮时，您可以在Cards 3d 演示页面上看到此应用。

推荐阅读