Question

我将fullpage.js添加到我的项目中，并且CSS转换停止工作。

我使用代码检查器分析了代码，看是否删除了类或是否覆盖了转换，但找不到任何东西。看来我的班级也没有命名问题。

我的转换很简单。我有一个类似的课程

func setAndConstraint() {

    webviewContainer.leftAnchor.constraint(equalTo: view.leftAnchor).isActive = true
    webviewContainer.rightAnchor.constraint(equalTo: view.rightAnchor).isActive = true
    webviewContainer.topAnchor.constraint(equalTo: navigationBar.bottomAnchor).isActive = true
    webviewContainer.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true
    progressView.leftAnchor.constraint(equalTo: webviewContainer.leftAnchor).isActive = true
    progressView.rightAnchor.constraint(equalTo: webviewContainer.rightAnchor).isActive = true
    progressView.topAnchor.constraint(equalTo: webviewContainer.topAnchor).isActive = true
    sharedWebManager.currentWebview().leftAnchor.constraint(equalTo: webviewContainer.leftAnchor).isActive = true
    sharedWebManager.currentWebview().rightAnchor.constraint(equalTo: webviewContainer.rightAnchor).isActive = true
    sharedWebManager.currentWebview().topAnchor.constraint(equalTo: webviewContainer.topAnchor).isActive = true
    sharedWebManager.currentWebview().bottomAnchor.constraint(equalTo: webviewContainer.bottomAnchor).isActive = true
    constraintsDidSet = true
}

然后使用一些jQuery在加载时激活动画：


### Pre-requisites

- [ ] You should have done the Verilog parsign of all the files (../parse_verilog/)
- [ ] You should have generated CDFGs for all the modules (../gen_cdfg/)

在我的代码中添加.element { opacity: 0; transition: opacity .5s ease-in; } .element-animated { opacity: 1; }时，我的转换停止工作。当我删除它后，它们又可以工作了。

我的架构如下：

$(document).ready(function(){
    $('.element').addClass('element-animated');
});

Answer 1

如果您阅读fullpage.js faqs，则建议在afterRender回调中触发这些操作：

简短的回答：如果您在fullPage.js初始化中甚至使用verticalCentered:true或overflowScroll:true之类的选项，甚至使用水平幻灯片，那么您都必须对待选择器作为动态元素并使用委派。（通过使用诸如jQuery之类的功能）。另一种选择是将代码添加到fullpage.js的afterRender回调中

new fullpage('#fullpage', {
    afterRender: function(){
       $('.element').addClass('element-animated');
    }
});

过渡停止使用fullpage.js

1 个答案: