Moi : Comment empêcher le scroll d'une page web ?
chatGPT : Il existe plusieurs façons de désactiver le défilement d'une page web. Voici quelques exemples :
En utilisant JavaScript, vous pouvez désactiver le défilement en utilisant la propriété overflow de l'élément body :
document.body.style.overflow = 'hidden';En utilisant CSS, vous pouvez désactiver le défilement en utilisant la propriété overflow de l'élément body :
body {
overflow: hidden;
}Pour empêcher le défilement sur toute la page, vous pouvez utiliser un écouteur d'événements sur le document pour désactiver le défilement en utilisant preventDefault :
document.addEventListener("wheel", function(event) {
event.preventDefault();
});Il est aussi possible d'empêcher le défilement uniquement sur une zone spécifique de la page, en utilisant css overflow : hidden sur un élément conteneur défini, et en ciblant l'élément précis à l'aide d'un sélecteur css.
Cela devrait désactiver le défilement de la page. Gardez cependant à l'esprit que cela peut causer des problèmes d'accessibilité pour les utilisateurs qui utilisent un dispositif d'assistance pour naviguer sur le web, donc il est important de réfléchir aux conséquences de cette action avant de la mettre en œuvre.