Aide pour comprendre un script js

Azee

Azee Le 5 novembre 2016 à 10:47 (Édité le 25 janvier 2019 à 17:52)

Bonjour !

Voilà, j'ai récupérer sur l'Internet 😄 un script en js permettant au scroll de descendre d'un bloc entier.
Ce n'est pas du Jquery.
Un exemple pour que vous voyez à quoi il sert : 
http://alvarotrigo.com/fullPage/

Voici le code que j'ai récuperer, merci de m'aider à le comprendre !
(function() {
  var delay = false;
  $(document).on('mousewheel DOMMouseScroll', function(event) {
    event.preventDefault();
    if(delay) return;
    delay = true;
    setTimeout(function(){delay = false},200)
    var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail;
    var a= document.getElementsByClassName('scroll');
    if(wd < 0) {
      for(var i = 0 ; i < a.length ; i++) {
        var t = a.getClientRects()[0].top;
        if(t >= 40) break;
      }
    }
    else {
      for(var i = a.length-1 ; i >= 0 ; i--) {
        var t = a.getClientRects()[0].top;
        if(t < -20) break;
      }
    }
    $('html,body').animate({
      scrollTop: a.offsetTop
    });
  });
})();
PS : Si quelqu'un peut me rediriger vers les bons liens pour que j'apprenne à le faire en Jquery et non utiliser un lourd plugin qui ne m'apprendra rien, je suis preneur !

Merci !
TheOldNoob

TheOldNoob Le 5 novembre 2016 à 12:02

Salut l'ami,
Y'a rien de compliquer, et franchement pas besoin de le transformer en jQuery si il fonctionne comme ça.

là en gros, tu n'a qu'à ajouter la classe "section" au block que tu veux et il passe de l'un a l'autre.

En gros, tout est expliquer sur la page
Vous devez être connecté pour poster une réponse. Se connecter ou Créer un compte