jQuery Girl
  1. jQuery Girl
  3. Désactiver tout le défilement sur la page Web
Intereting Posts
Ajouter une fonction au plugin js sans modifier le fichier js comment puis-je effectuer une actualisation jquery / ajax de données sqldatareader sans actualisation de page dans ASP.NET? Structure de brique en CSS comment changer la direction de l’effondrement d’un panneau dans le bootstrap jqplot: séparer les ticks et les valeurs de série Photoswipe + JQM: problème d’événement de retour Le module requirejs n’est pas défini jQuery Chosen: comment sélectionner une valeur d’option et supprimer la même dans un autre menu de sélection? Nombre de lignes et de colonnes dans le champ HTML textarea Désactiver des dates spécifiques dans jQuery Obtenir des données JSON à partir d’une URL en utilisant AJAX si possible Image scintillante avec la fonction setInterval () Faire un lien faire 2 actions jsplumb 1.4.1 deleteEndpoint par exemple avec uuid ou object Comment faire pour que les mediaqueries CSS fonctionnent avec jQuery $ (window) .innerWidth ()?

Désactiver tout le défilement sur la page Web

J’aimerais savoir s’il est possible de désactiver tout défilement sur une page Web.

J’utilise actuellement 

html, body { overflow:hidden; }

Le problème est que cela ne fonctionne pas sur les appareils iOS. Si vous maintenez la molette de la souris enfoncée et que vous la faites glisser vers le bas, vous pouvez également faire défiler l’écran, ce qui semble être une très mauvaise solution au problème.

Existe-t-il un moyen de désactiver toutes les méthodes de défilement sur tous les appareils, puis de le réactiver?

J’ai eu exactement ce même problème, je l’ai corrigé avec ce qui suit; 

 var disableScroll = false; var scrollPos = 0; function stopScroll() { disableScroll = true; scrollPos = $(window).scrollTop(); } function enableScroll() { disableScroll = false; } $(function(){ $(window).bind('scroll', function(){ if(disableScroll) $(window).scrollTop(scrollPos); }); $(window).bind('touchmove', function(){ $(window).sortinggger('scroll'); }); });

le déplacement tactile est lié à la fenêtre, car l’événement de défilement de la fenêtre n’est déclenché que lorsque le déplacement tactile est terminé. Cela permet donc une expérience beaucoup plus fluide sur iOS!

Ce n’est pas une solution parfaite car vous pouvez «lancer» la page, mais elle reviendra à la position souhaitée une fois le lancement terminé (l’événement de défilement de la fenêtre étant alors déclenché). En effet, les navigateurs iOS suppriment de nombreux événements pour améliorer les performances. De plus, les fonctions setTimeout et setInterval ne se déclenchent pas pendant le lancement de la page. Avoir une boucle n’est pas une option non plus!

voir ici http://jsfiddle.net/8T26k/