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

Comment désactiver le défilement des pages avec jQuery

La désactivation du défilement des pages peut être obtenue par diverses méthodes, notamment en définissant le débordement : caché sur le élément du corps. Cependant, il existe des approches plus efficaces et plus précises utilisant jQuery.

Une de ces méthodes consiste à se lier à l'événement de défilement du corps et à réinitialiser le scrollTop/scrollLeft à une valeur capturée. Bien que cette technique fonctionne dans la plupart des scénarios, elle peut ne pas gérer les cas extrêmes où le contenu de la page est plus grand que la fenêtre d'affichage.

Pour une solution plus robuste, envisagez d'utiliser le code jQuery suivant :

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

Ce code désactive complètement le défilement sur les éléments HTML et body en définissant overflow: caché et en garantissant une page pleine hauteur.

Pour restaurer le défilement, inversez simplement le changements :

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

Cette approche est plus fiable et cohérente dans tous les navigateurs, garantissant que la page reste défilable même lorsque le contenu est plus grand que la fenêtre d'affichage.

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!