Android navigateur par défaut pas de défilement de la page web
Je vais avoir un problème avec le stock Android navigateur sur une page que je suis en train de construire. Il suffit de mettre, la page ne sont pas faites défiler verticalement sans zoomer en premier. Je pensais que je l'avais compris quand j'ai pris que la balise a été le signalement d'une hauteur plus petite que la fenêtre du navigateur, mais la fixation qui ne guérit pas le problème de défilement. (La boîte noire sur la page d'index des rapports de la calcul de la hauteur de l'élément.)
Mon appareil de test est un Droid Incredible fonctionnant sous Android 2.3. Le défilement fonctionne dans Firefox pour Android, ainsi que ma tablette sous Android 4.0 et tous les appareils iOS.
Mon dev version du site est ici: www.adamjdesigns.info/csu/engage
EDIT - Autre code que j'ai essayé:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
if(navigator.userAgent.match(/Android 2/) && $(window).height() < 600) {
$('html').css({'height':$(window).height(),'overflow':'auto'});
}
Toute aide est grandement appréciée!
Merci, Simon. Au moins il est utile de savoir qu'il n'est pas nécessairement quelque chose avec mon codage qui est à l'origine du problème. Malheureusement, le bug excuse de ne pas me descendre le crochet avec mon patron!
Vous pourriez obtenir vous-même un appareil avec 2,3, peut-être le flash d'une ROM personnalisée, puis pour le surf de 15 minutes (avec de la chance vous allez bientôt trouver une page qui présente le comportement de l'IIRC, ironiquement, le SDK Android docs semble le faire pour moi..dispositif spécifique a été un Advent Vega de l'exécution d'un 2.3 de la ROM custom.
OriginalL'auteur AdamJ | 2012-06-12
Vous devez vous connecter pour publier un commentaire.
Si c'est un hack, j'ai un autre correctif qui pourrait aider les développeurs. J'ai trouvé qu'avec le stock Android 2.3.4 navigateur, si on augmente le chargement initial de la page taille de "1" à une légère augmentation de la taille, le défilement vertical fonctionne sans avoir pincer pour zoomer en premier. Par exemple:
Très bon accueil, Dave - heureux de l'entendre.
Il se sent que je suis en train de faire quelque chose d'illégal, merci beaucoup!, cela a fonctionné pour moi sur émulateur android et périphérique.
Fait plaisir à entendre. Et il n'y aura pas de problèmes juridiques, je peux vous l'assurer 🙂
OriginalL'auteur Gatsby
J'ai tout compris! Il y avait une
iframe
pour une vidéo de YouTube dans la page, et je ne suis pas sûr si c'est laiframe
lui-même ou les scripts pour lire la vidéo à l'intérieur, mais que la suppression de la DOM résolu le problème. (Je l'avais mis cachés sur les écrans des mobiles de toute façon.)Merci pour votre aide, tout le monde!
OriginalL'auteur AdamJ
FWIW, j'ai eu un problème similaire avec ma page pas de défilement dans Android 2.3. J'ai utilisé Gatsby réponse avec quelques conditionnelle Javascript résolu le problème. Voici mon code final:
Cette solution présente d'abord la normale de la balise meta "viewport" qui fonctionne très bien avec la plupart des appareils, puis utilise le conditionnel javascript pour détecter la version d'android et de modifier le contenu de la balise meta "piraté" valeur (fourni par Gatsby (Gatsby le magnifique) qui permet de faire défiler l'écran sur Android <= 2.3. Cela empêche la inutile de défilement horizontal pour les appareils qui n'ont pas besoin de le hack.
OriginalL'auteur BWDesign
Ce que j'ai trouvé pour être le problème est que j'avais ajouté overflow-x: hidden; pour ma balise body. Cela devrait désactiver la barre de défilement horizontale, mais plutôt dans Android, il désactive la barre de défilement verticale. Et sur Android, je peux faire défiler horizontalement. Probablement un bug dans le navigateur Android. Je suis à l'aide de vieux téléphones android (HTC Thunderbolt). Je suis allé dans mon fichier css et supprimé tous les overflow-x:hidden et maintenant, je peux faire défiler verticalement à nouveau.
OriginalL'auteur Robbiegod
Essayez ceci pour votre fenêtre:
overflow:scroll
sur<html>
en vain.OriginalL'auteur Lowkase