PC SOFT

FORUMS PROFESSIONNELS
WINDEV, WEBDEV et WINDEV Mobile

Accueil  |  Messages récents  | Connexion  |   | Français  FR
Accueil → WEBDEV 2024 → iOS emêpcher le scroll et l'overscroll
iOS emêpcher le scroll et l'overscroll
Débuté par xavier, 25 sep. 2018 10:42 - 2 réponses
#1
Membre enregistré
48 messages
Popularité : +1 (1 vote)
Posté le 25 septembre 2018 - 10:42
Bonjour,

Mon projet comporte une page « Mise en page simple », comprenant une table Ajax. Sur une tablette Android, le scroll fonctionne sans problèmes.

Par contre, sur iPad et iPhone, il existe un "overscroll" de la page par défaut. Alors, lorsque je scroll sur la table Ajax, même si le scroll fonctionne partiellement, toute la page bouge. J'aimerai supprimer cet "overscroll".

J’ai essayé sans succès en ajoutant dans: Description de la page -> Avancé -> Code HTML ajouté à l'en-tête de la page:
<html overflow: hidden;>
</html>

Il n'y a plus de scroll mais la page est invisible. J'ai essayé sans succès avec d'autres attributs comme:
position: fixed;
overscroll-behavior: none;

Comment faire pour empêcher le scroll ou/et l' "overscroll" d'une page sur iOS pour résoudre ce problème?

Merci
#2
Membre enregistré
48 messages
Popularité : +1 (1 vote)
Posté le 28 septembre 2018 - 14:21
Bonjour,

Voici une solution pour supprimer l'overscroll sur iPhone et iPad.

Description de la page -> Avancé -> Code HTML ajouté à l'en-tête de la page:
<style>
html,
body {
position: fixed;
overflow: hidden;
}
</style>
#3
Posté le 11 octobre 2019 - 13:31
Bonjour,

Merci beaucoup Xavier, ça marche :) Cependant ma page qui est centrée par défaut dans le navigateur, n'est plus centrée. Comme faire pour la garder centrée?

Merci d'avance.
→ Revenir à WEBDEV 2024