Comment puis-je empêcher le défilement sur Mobile Safari ?

Contrôle du comportement de défilement sur Mobile Safari

Votre site Web propose un contenu étendu et vous recherchez une méthode pour restreindre le défilement des pages, en masquant des informations au-delà du zone visible de la fenêtre. Cette fonctionnalité est cruciale en particulier sur les appareils iPhone et iPad.

Tentatives de dépannage initial

Mise en œuvre du débordement : caché ; exclusivement sur le dans votre CSS ne semble pas résoudre le problème de défilement sur Safari mobile. De plus, créer un wrapper complet autour de votre site Web n'est pas une solution viable.

Solution efficace

Pour désactiver efficacement le défilement sur Safari mobile, envisagez l'approche suivante :

• Appliquer le débordement : masqué ; au et éléments dans votre CSS. Cette technique s'est avérée efficace pour résoudre des problèmes de défilement similaires.

html,
body {
    overflow: hidden;
}

• Pour les appareils iOS 9, une solution alternative peut être nécessaire :

html,
body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

En implémentant ces ajustements CSS, vous pouvez empêcher le défilement sur Safari mobile et garantir que le contenu de votre page reste dans la fenêtre d'affichage visible.

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!