2011-04-22 11 views
2

J'utilise jQuery Mobile Framework pour développer un site Web pour les téléphones, et il y a quelques images sur le site que je veux ouvrir dans un format plus grand dans le contrôle Dialog.jQuery Mobile: défilement de la boîte de dialogue de dialogue

J'ai une mise en page qui gère le chargement de l'image où l'image est dans un div avec overflow = auto. Cela fonctionne sur un navigateur de bureau (Chrome), où si je rétrécis la fenêtre, la boîte de dialogue a des barres de défilement internes pour l'image. Il ne fonctionne pas cependant sur le navigateur de mon téléphone (Android, donc navigateur Chrome). Le div ne veut pas faire défiler. Est-il possible de contourner cela, en plus de réduire l'image?

Voici le code de la page d'image:

<div data-role="dialog"> 
    <div data-role="header" data-theme="d" data-position="inline"> 
     <h1><%= ViewData["ImageTitle"] %></h1> 
    </div> 
    <div data-role="content" data-theme="c"> 
     <div style="overflow:auto;"> 
      <img alt="<%= ViewData["ImageAlt"] %>" 
       src="<%= ViewData["ImageUrl"] %>" /> 
     </div> 
    </div> 
</div> 
+0

Pas une solution, mais en parcourant [ce post] (http://code.google.com/p/android/issues/detail?id=2118) il semble que c'était un bug et il a été corrigé depuis Gingerbread mais ya, vous avez certainement besoin d'une solution de contournement. –

Répondre