Comment puis-je désactiver et réactiver efficacement le défilement des pages avec jQuery ?

Désactivation du défilement de page avec jQuery : une solution améliorée

Besoin de désactiver la fonctionnalité de défilement d'une page Web à l'aide de jQuery ? Voici une approche révisée qui offre une solution complète :

Au lieu de s'appuyer sur plusieurs gestionnaires d'événements, une méthode plus efficace consiste à appliquer directement les styles CSS pour désactiver le défilement. Le code suivant y parvient :

$('html, body').css({
    overflow: 'hidden',
    height: '100%'
});

En définissant le débordement sur caché et la hauteur sur 100 %, la page sera contenue dans la fenêtre d'affichage, empêchant tout défilement ou déplacement de contenu induit par le défilement.

Pour restaurer la fonctionnalité de défilement, inversez simplement les styles :

$('html, body').css({
    overflow: 'auto',
    height: 'auto'
});

Cette approche révisée désactive efficacement le défilement sans nécessiter de gestion d'événement complexe ou positions de défilement précédemment capturées. Il a été testé et fonctionne comme prévu sur les navigateurs Firefox et Chrome.

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!