Défilement dans un widget HTML

J'ai créé une page Web avec un arrière-plan large de 4000 pixels et dans Chrome et Safari sous Windows, Mac et iPad, il défile agréablement. Je peux faire défiler vers la gauche, le haut et le droit sans problème, comme vous vous en doutez.Défilement dans un widget HTML

Mais lorsque je convertis cette page au format .wdgt, l'importer dans iBooks et la prévisualiser sur l'iPad (4) la page ne défilera dans aucune direction.

J'ai essayé d'ajouter overflow: scroll; -webkit-overflow-scrolling: touch; au CSS du corps et du conteneur mais cela ne résoudra pas le problème.

Le code HTML

<body> 
<div id="container"> 
</div> 
<body>

Le CSS

/* General */ 
* { 
    margin: 0; 
    padding: 0; 
} 
body { 
    font-family: Verdana, sans-serif; 

} 

#container { 
    width: 10158px; 
    height: 974px; 
    background: url(../img/1B.jpg) no-repeat; 
    -webkit-background-size: 10158px 974px; 

}

Est-ce que quelqu'un sait comment résoudre ce problème? Est-ce un CSS ou un problème JavaScript?

Merci d'avance.

Source

2013-06-05 Sgarz

Poster un code. J'ai eu un problème similaire avec une application web ne défilant pas sur certains anciens navigateurs Android et Android, le problème était qu'il y avait des éléments qui ont été affichés à 100% de hauteur et de largeur que je devais supprimer. – Joey

Je n'ai pas 100% de hauteur/largeur mais j'ai ajouté du code. – Sgarz

Jetez un oeil ici:

https://github.com/edwilde/iBooks-HTML-Widget-Boilerplate

Ceci est un passe-partout spécifiquement pour la construction pour iBooks , qui vise apparemment & résout votre problème spécifiquement.

Une autre suggestion serait d'utiliser un iFrame, quelque chose comme:

<div id="container" style="overflow: scroll; -webkit-overflow-scrolling: touch;"> 
    <iframe width="4000" height="100%" src=""> </iframe> 
</div>

Source

2013-06-14 08:15:33 blend

Parce que c'est comme ça que je l'ai fait, avant de voir la réponse, je vais donner la prime. – Sgarz

Ty, heureux que vous l'ayez trié:) – blend

Avez-vous ajouté quelque chose dans votre tête?
meta name = contenu "fenêtre" = "échelle initiale = 1,0, maximale échelle = 1,0"

Source

2013-06-12 11:16:11 Bernardao

Oui essayé avant, n'a pas fonctionné. – Sgarz

Défilement dans un widget HTML

Répondre

Questions connexes