Как изменить фиксированную текстовую анимацию при использовании fullpage.js, прокручивающегося между разделами, а затем исчезнуть при прохождении определенного раздела.

В настоящее время у меня есть фиксированная текстовая анимация, которая бесконечно зацикливается поверх моей полной обертки. Я хочу иметь его так, чтобы моя текстовая анимация менялась только при переходе от раздела к разделу. Я также пытаюсь его исчезнуть после того, как я перейду от секции2 к разделу3. Я немного запутался, чтобы это произошло ...Как изменить фиксированную текстовую анимацию при использовании fullpage.js, прокручивающегося между разделами, а затем исчезнуть при прохождении определенного раздела.

В настоящее время

<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

жаль, если я делаю это неправильно первый раз разместить здесь ..

источник

2016-12-31 PlueFish

У вас есть пример в пределах the examples folder of fullPage.js. Имя файла - «callbacks.html». Проверьте это.

Вы можете использовать fullPage.js callbacks, чтобы сжечь их, или даже до the state classes added to the body element, если вы хотите запустить их с помощью CSS.

Проверить также this example regarding the fullPage.js callbacks

В вашем случае это, кажется, вы хотели бы использовать onLeave обратного вызова.

источник

2017-01-03 11:32:43 Alvaro

А, спасибо, вы исправили его :) – PlueFish

ответ

Смежные вопросы