10547 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Voici mon code : lien codepen

J'ai désactiver sur mon div (id=good) le mouseScroll car je ne veux pas parasiter la navigation de ma page avec le mouseScroll du div (id=good).
Je souhaite néanmoins pouvoir continuer a mouseScroller la page même si mon curseur est au-dessus du div (id=good).

En gros je souhaite juste désactiver le mouseScroll du div (id=good) et uniquement celui ci).

je ne sais pas si je suis clair Smiley hum

Pouvez vous m'aider...

Merci
Pour rendre un évènement inopérant sur une balise, la technique est de mettre un gestionnaire d’évènement sur cette balise et de capturer l'évènement pour qu'il ne fasse rien, quelque chose du genre

<div id="good" onscroll="noscroll(event)">
    <p>bien</p>
    fin du Div
</div>


function noscroll(e) {
  e.stopPropagation(); // évite de remonter l'évènement aux balises "ancêtres"
  e.preventDefault(); // l évènement ne fait rien
  return false;
}

Je n'ai pas le temps de tester, le "return false";" n'est sans doute pas nécessaire
j'ai un peu modifier ton script, là le soucis est que c'est le mouseScroll du div est bien desactivé mais lorsque le curseur est sur le sur le div id good, je souhaite garder le mouseScroll de la page. Actuellement lorsque je suis sur le div good je n'ai plus de mouseScroll

https://codepen.io/jipe974/pen/OJLMaqq

Merci d'avance
Modifié par zero974 (14 Aug 2019 - 09:02)