Sqnkov Sqnkov - 1 year ago 92
CSS Question

fullpage.js init event between stages

I have a page with fullpage.js functionality and I want to manipulate a page element between the stages , e.g. > during the scroll between stages.

Here is the base structure of the plugin, plus my element that I want to interact with on stage change. Right now I have achieved what I want, but it dissapears when the page reaches the fourth stage section, but I need it to dissapear before the plugin reaches the fourth section when scrolling down in the third.

<div id="element">
<p>The Element. *</p>
<div id="fullpage">
<div class="section">SECTION ONE *</div>
<div class="section">SECTION TWO **</div>
<div class="section">SECTION THREE ***</div>
<div class="section homeFour">SECTION FOUR ****</div>

I have put together a sample Fiddle here.

How can I achieve what I am trying to achieve?

Answer Source

do you need something like, onLeave event? https://jsfiddle.net/x7bdwynx/1/

  onLeave: function(index, nextIndex, direction) {
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download