Comment empêcher le défilement des éléments parents avec une boîte à outils flottante dans Internet Explorer ?

Empêcher le défilement de l'élément parent : une solution alternative

Lorsque vous travaillez avec une « boîte à outils flottante » avec une fonctionnalité de défilement, il peut être frustrant de le défilement dans la boîte déclenche le défilement de l'élément parent. Ce comportement peut être atténué en empêchant la propagation de l'événement de défilement.

Cependant, la réponse acceptée, bien qu'efficace dans d'autres navigateurs, est confrontée à des limitations dans Internet Explorer. Pour résoudre ce problème, une solution alternative est nécessaire.

Cette solution se concentre sur l'interception de l'événement mousewheel à l'aide de jQuery. En fonction du delta de l'événement, nous déterminons si le défilement défile vers le haut ou vers le bas.

En cas de défilement vers le bas, nous vérifions si le delta dépasserait la zone de défilement. Si c'est le cas, nous empêchons la propagation de l'événement et définissons le scrollTop à la valeur maximale. De même, si le défilement vers le haut et le delta poussent le défilement au-delà du haut, nous empêchons la propagation et définissons le scrollTop sur 0.

En traitant l'événement directement de cette manière, nous empêchons le défilement involontaire de l'élément parent. , même dans Internet Explorer. Cela garantit que l'événement de défilement reste confiné dans l'élément désigné.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!