Fullpage - scrolldirection-Events aktivieren

Der Artikel beschreibt, wie bei fullpage-Objekten der scrolldirection-Status aktiviert werden kann, welches von der fullpage-Bibliothek überlagert wird.

Aktivieren des scrolldirection-Status über das fullpage-Objekt

//Auszug aus der /[IhrProjekt]/wGlobal/content/contentPortal/fullpage.php

if(typeof wEditor == 'undefined'){
  document.addEventListener('DOMContentLoaded', function waitUntilContentLoaded(){
  if(!window.jQuery){
    return setTimeout(waitUntilContentLoaded, 100);
  }

  var minWidthFullPage = jQuery('html').data('widthnavigationmainmenumax') ? jQuery('html').data('widthnavigationmainmenumax').replace(/px/, '') : 992;

  jQuery('.elementSection').addClass('fp-auto-height-responsive');
  jQuery('#blockContentInner').fullpage({
....
    /*Event, das nach dem Laden bzw. nach dem Scrollen der fullpage ausgeführt wird. */
    afterLoad: function(anchorLink, index){
      ....
      /* Fügen Sie in das afterLoad - Event den Funktionaufruf für das Aktiveren (s. unten) des Scrollverhaltens ein */
      wScrollFullpage();
    }

  });
 
}, false);
}

/* Über die Funktion, kann durch überlagern des lastScrollTops der scrolldirection-Status aktiviert werden */
var wUiFPTmp = new Array();
wScrollFullpage = function(index){
  wUiTmp['lastScrollTop'] = jQuery('.fullpage-wrapper').position().top*(-1);
  wUiTmp['lastScrollTopBefore'] = wUiFPTmp['lastScrollTopBefore'];
  wUiFPTmp['lastScrollTopBefore'] = wUiTmp['lastScrollTop'];
  /*Blockieren des Scrollstatus im resize Event*/
  wBlockChangeScrollstatus = false; 
  wSetScrollStatus(); 
  wBlockChangeScrollstatus = true;
};