Montrer img suivant le nom et la position du titre au scroll.

Bonjours à tous et a toutes,

Pour le projet de mon site web j'ai récupère un code sur jsfiddle que j'essaye de modifier un peu pour le rendre plus autonome. En gros j'essaye de donner comme ordre: lorsque le titre "row1" est à 50% du scroll du document il affiche le background portant la class row1. sinon il cache.

Pour cela je récupère le .text dans une variable et je me dis qu'avec hasClass il y a moyen
mais j'ai beaucoup de mal avec la syntaxe, comment lui dire :

if (titreworkTop == halfHeight) {
    $('.content').fadeIn(1000);
  }

et ajouter

if(!$(this).hasClass(titrework))

voila le code de base plus mes variables:
https://codepen.io/nwx/pen/EQgvrM?editors=1010

Ce serai vraiment super sympa de m'aider ^^

merci d'avance de votre aide
Modifié par newger (06 Feb 2018 - 21:49)