Site Mobile - ne pas faire défiler à tous

J'ai googlé partout - mon site n'a pas de hauteurs fixes, pas de fixe placements. Il montre la fenêtre d'affichage comme je le voudrais, mais SEULEMENT que. Il n'a pas de défilement ou de montrer quoi que ce soit d'autre.

Ce qui me manque? J'ai essayé toutes sorte de débordement options, rien ne semble fonctionner.

Qu'utilisez-vous pour faire de ce site mobile? Êtes-vous essayer de le faire avec quelque chose comme JQuery Mobile, ou quelque chose le long de ces lignes?
C'est mon premier coup de couteau à l'écran pour mobile - site de test @ ec2-50-17-62-163.compute-1.amazonaws.com/static/index.html - profitez de taper que dans un téléphone!
Toute aide serait vraiment appréciée. Merci, les gars.

OriginalL'auteur smack | 2011-07-07

  1. 11

    Je ferais la suite...

    1. Je voudrais d'abord temporairement désactiver/supprimer les feuilles de style pour s'assurer que tout est soigné en tant que html (si vous avez encore une question sans la stylsheets, il y a probablement un script js de démolition chaos)
    2. Je recherche pour la position absolue(plus précisément sur une enveloppe,le contenu, ou la barre latérale de l'élément) dans la feuille de style. C'est souvent le #1 tueur de capacité à permettre le défilement sur iOS/téléphones portables.
    Merci! l'ajout et la suppression de trouver le coupable!

    OriginalL'auteur William A

  2. 6

    CORPS et de balises HTML sont 100% en hauteur et est donc votre .wrapper

    html, body {min-height:100%; height:100%; overflow-x:hidden; display:block;}

    Essayez de retirer la hauteur de .wrapper

    .wrapper {
    position:relative;
    width:80%;
    margin:0 auto;
}

    Si vous rencontrez un contenu débordant, ajouter overflow: hidden.wrapper

    retiré wrapper de 100% de la hauteur de l'écran et antiscreen css - pas de changement.
    J'ai juste essayé sur mon iPhone. Retirez le min-height:100%; height:100%; également à partir de l'html et du corps, essayez de qui?
    Autre site, problème similaire. Constaté que la suppression de height: 100% sur html, body correctifs de défilement lisse sur iPhone 3, également fixé à défiler sur un appareil Android (Samsung). N'ont pas 100% de la hauteur sur l'emballage. Merci!

    OriginalL'auteur superjaz1

  3. 1

    Je regardais une vidéo de YouTube sur mon site à l'aide d'un iframe chargé par JavaScript slider. Cela a provoqué un problème avec Android qui n'a pas permis de défilement et de zoom de la page. Il n'avait rien à voir avec la mise en CSS, html," corps de hauteurs ou de débordement de hiddens. Une fois je me suis débarrassé de ma vidéo YouTube à l'intérieur du curseur jQuery plugin, site de défilement et de zoom commencé à travailler très bien sur le téléphone Android.

    OriginalL'auteur Marty McGee

  4. -1

    Essayer de supprimer la dernière javascripts ajouté sur votre code html!J'ai constaté que mon site n'a pas de défilement sur les mobiles en raison d'un javascript.
    Meilleures salutations,

    OriginalL'auteur Giovanny Palacios