Aide pour comprendre un script js
- Accueil
- Forum
- Programmation
- JavaScript
- Aide pour comprendre un script js
Azee Le 5 novembre 2016 à 10:47 (Édité le 25 janvier 2019 à 17:52)
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 Le 5 novembre 2016 à 12:02 (Édité le 1 janvier 1970 à 01:00)
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