L'exigence est que lorsque la souris est à l'intérieur d'un élément avec une barre de défilement sur la page, l'événement scroll est déclenché pour empêcher le défilement du corps d'être déclenché en même temps.

Pour parler franchement : lorsque la souris roule à l’intérieur de p, même si p roule jusqu’au bout, le corps ne défilera pas.

---

J'ai donné à p un événement de défilement pour éviter les bulles. Je veux utiliser cette idée pour désactiver le défilement du corps, mais cela ne sert à rien.
Alors la question se pose :
1. Comment réaliser cette exigence ?
2. Pourquoi le défilement ne peut-il pas empêcher les bulles ?
3. Je connais déjà cette méthode de donner du corpsoverflow:hidden. Si cette méthode est utilisée, le problème réside dans la détermination si la position de la souris est dans p. Il existe de nombreux problèmes de compatibilité, et il semble que la position du déclencheur doive être obtenue par la pratique (comme mousemove). Concernant cette solution, je ne le fais pas. Je ne sais pas s'il existe une solution plus pratique pour l'écriture ou des améliorations ?

---

27 mai

Merci à tous d'avoir apporté la démo ! ! !
Les méthodes que j'ai trouvées en ligne utilisent également scrollTop, mais je n'ai jamais trouvé de méthode plus pratique, et elles sont toutes écrites de manière très compliquée.
Merci àcc_christianpour nous avoir fourni cette version très claire et pratique~cc_christian提供这个非常清晰实用的版本~
当然，浴巾Bien sûr, le plug-in jq fourni par

est plus puissant et peut être considéré comme parfait~

Il semble que la compatibilité de ce problème de défilement ne soit effectivement pas très bonne. Les deux méthodes utiles sont toutes deux jq.
Et j'ai trouvé un problème. En fait, j'ai déjà trouvé beaucoup d'idées scrollTop sur Internet, mais je suis toujours confus, pourquoi mon propre événement ne peut-il pas être arrêté ? Surtout la molette de la souris, scroll indique sur MDN qu'il ne peut pas annuler le bouillonnement, mais la molette de la souris dit que c'est possible, mais cela ne fonctionne toujours pas en utilisation réelle.
Le seul moyen est de stocker la position de défilement et d'attribuer une valeur à scrollTop lorsque le survol défile vers le haut.浴巾On estime que
a le même principe à l'intérieur du plug-in (je ne l'ai pas vraiment vu, j'ai peur de ne pas pouvoir tout comprendre pour le moment)

Mais pourquoi la molette de la souris ne peut-elle pas le faire ? Pourquoi n'arrive-t-il pas à arrêter de bouillonner ? Maintenant que l’exigence a été parfaitement mise en œuvre, je veux juste en savoir plus sur les principes derrière l’événement original.

document.onmousewheel = function(e){ e = e || event; if(isScrolling){ e.preventDefault(); return false; } };

//阻止事件冒泡 $.stopEvent = function (e) { if (e && e.stopPropagation) { e.stopPropagation() } else { window.event.cancelBubble = true } }; //阻止浏览器默认行为 $.stopDefault = function (e) { if (e && e.preventDefault) { e.preventDefault() } else { window.event.returnValue = false } };