Bonjour à tous,
D'abord, je tiens à m'excuse si je ne suis pas dans la bonne section.
Je suis confronté à un petit soucis, je suis actuellement sur la création d'un site internet en utilisant fullpage.js que je trouve vraiment sympa.
Jusque là aucun soucis, par contre j'essaie de rajouter un effet sur l'une des sections de la page. Au défilement de celle-ci, arrivée sur une div précise, un effet de changement de couleur fond/texte doit se produire.

Le problème: il doit y avoir un conflit avec fullpage.js car mon effet ne se produit pas, par contre si je supprime l'appel de fullpage.js, mon effet fonctionne.
Etant nul dans le js, je ne sais pas comment régler le souci malgré mes différentes recherches sur le net ou différentes solutions alternatives essayées.

Je vous met mon code js de l'effet (effet visible sur codepen https://codepen.io/FFOrigine/pen/dyypQZZ) :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
	<script id="rendered-js">
		$(window).scroll(function () {
			$('.darktemplate').each(function () {
				if (isScrolledIntoView($(this))) {
					$(".test").addClass('darkbody');
				} else {
					$(".test").removeClass('darkbody');
				}
			});
		});
 
		function isScrolledIntoView(elem) {
			var $elem = $(elem);
			var $window = $(window);
 
			var docViewTop = $window.scrollTop();
			var docViewBottom = docViewTop + $window.height();
 
			var elemTop = $elem.offset().top;
			var elemBottom = elemTop + $elem.height();
 
			if (elemTop <= docViewBottom && elemBottom >= docViewTop) {
				return true;
			}
		}
	</script>
Je vous joint aussi le code de fullpage.js sur codepen car trop long pour le coller : https://codepen.io/FFOrigine/pen/qBBqjYm

Je vous remercie beaucoup par avance pour votre aide et vous souhaite bonne soirée