Bonsoir, 

j'ai un petit problème depuis un certain temps, et je pense qu'il devrait y a voir u bug au niveau de mon js donc je poste ceci dans cette section en espérant trouver mon aide.

Donc je dispose d'une div contenant un menu et des images, chaque menu contient son propre bloc d'images, jusque là je vois que mes blocs qui ne doivent pas être visible donc display:none; le sont, c'est bon. En utilisant ceci en CSS :

.tab div {
    display: none;
}

.tab div.active {
    display: block;
}

.tab div:target {
    display: block;
}

Alors en fait mon soucis c'est que lorsque je clique sur un autre bouton, ou même sur le bouton salon qui est active de base, un bug survient : Le slide ou je me trouve c'est à dire Galerie, monte vers le haut ce qui crée un effet bugé, (en cliquant non pas sur salon et sur coiffure par exemple, mon slide monte carrément que l'on voit plus q'un petit bout du Slide Galerie et on voit le Slide Suivant qui est Nouveauté) en scrollant je descend non pas vers le slide Nouveauté mais celui d'après lui qui est Connexion. Et mes le bloc d'image reste le même cela ne change rien.J'espère avoir été clair.

En fait ce que j'aimerais c'est la même chose que le :target, qui pourrait me cacher les élément et les faire apparaître grâce au bouttons (<a>), mais en Javascript car je pense que c'est mon seul moyen de faire marcher correctement ma Galerie. M'y connaissant pas trop en Js je ne m'aventure pas trop dans le code du Slider que j'ai d'ailleur prit de sur internet. Merci énormément de votre aide !

Voici le lien vers mon code source : https://lhair-du-temps.000webhostapp.com/#page-1

Voici le lien vers le code source du Slides (si besoin) : https://jsfiddle.net/

Les premier code JS, HTML et CSS disposaient d'un menu de réglages pour comme vous le voyez sur jsFiddle, je l'ai enlever petit à petit, ai-je enlever par erreur un truc important ?

Cordialement

-
Edité par Mehddii 21 mai 2019 à 23:09:01

Bonjour Shayam

Pour annuler l'effet de scroll :

https://codepen.io/Zonecss/pen/NVWNYZ

Bonjour, merci de ta réponse,

mais cela ne me résout pas mon problème je te laisse voir le code et le bug par toi même : https://lhair-du-temps.000webhostapp.com/#page-3

PS : Cherchez RAJOUT OPENCLASSROOM dans le CSS pour y acceder direct.

Cordialement.