使用 fullpage.js 在部分之间滚动然后消失通过某个部分时如何固定文本动画更改

Question

目前我有一个固定的文本动画，它在我的整页包装器的顶部无限循环。我想要它，以便我的文本动画仅在我从一个部分滚动到另一个部分时发生变化。在我从第 2 节滚动到第 3 节后，我也试图让它消失。我对如何做到这一点感到有点困惑...

目前

<body>
<div class="featuredtitle">
      <div class="visable">
        <ul>
         <li><h1>nameone</h1></li>
         <li><h1>nametwo</h1></li>
         <LI><h1>namethree</h1></li>
       </ul>
      </div>
</div>

<div id="fullpage">
   <div class="section active" id="section0"></div>
   <div class="section" id="section1"></div>
   <div class="section" id="section2"></div>
   <div class="section" id="section3"></div>
</div>
</body>

文字动画：http://codepen.io/yoannhel/pen/sJpDj

对不起，如果我第一次在这里发帖时做错了..

Answer 1

您在 the examples folder of fullPage.js 中有一个示例。文件名为 "callbacks.html"。查看。

如果你想用 CSS 来解雇他们，你可以使用 fullPage.js callbacks to fire them, or even to the state classes added to the body element。

也检查this example regarding the fullPage.js callbacks

在您的情况下，您似乎想使用 onLeave 回调。

使用 fullpage.js 在部分之间滚动然后消失通过某个部分时如何固定文本动画更改

How to have fixed text animation change when using fullpage.js scrolling between sections and then disappear passing a certain section

html

javascript

css

jquery

fullpage.js