Ipad et scrollbar... le dilemme.

  • Créateur du sujet Créateur du sujet Max777
  • Date de début Date de début

Max777

Membre actif
3 Août 2005
264
2
44
Je fais que recopier mon poste de hfr.f, en espérant que vous puissiez trouver une solution à mon problème.

http://forum.hardware.fr/message.ph...=1&subcat=389&sondage=0&owntopic=1#formulaire

En fait c'est assez simple, il y a un long bandeau d'images miniatures, et en dessous de ce bandeau, se trouve une scrollbar verticale du plus simple apparat question code html.
La scrollbar permet de faire défiler les miniatures horizontalement, et d'en sélectionner une afin de l'ouvrir en pleine résolution.

Un pote qui s'en occupe, à découvert le problème avec moi lorsque l'on a lancé le site sur safari du simulateur iOS (uniquement disponible sur mac je crois). La contrainte principale est que le site doit être 100% fonctionnel sur un ipad pour des raisons professionnelles.

Tant que l'on ne trouve pas une solution, le site reste au point mort.

Tout à l'heure quand ce pote est passé chez moi pour le check-up hebdomadaire de l'avancement du site, on est resté planter devant mon écran comme deux idiots, et j'ai par conséquent entrer des mots clés comme "vertical scrollbar ipad" sur Google pour m'apercevoir qu'il y avait à priori un soucis reconnu à ce niveau là.
https://discussions.apple.com/message/11612916?messageID=11612916

Exemple d'un site quelconque avec scrollbar horizontale (je cherche un site avec scrollbar verticale):

Safari Mac OS 10.6

capturedcran20110511002.png


Safari iOS 4.3

capturedcran20110511002.png


J'ai mis aussi une vidéo sur youtube pour exposer le problème de la disparition de la scrollbar : http://www.youtube.com/watch?v=6KgvxVEWz8U

Puis un lien est apparu à je ne sais plus quelle page de Google mentionnant java (dont je connais que le nom) : http://jqueryfordesigners.com/slider-gallery/

Et justement je dis à cette connaissance, mais si ça ne marche pas en html, tu peux le faire en javascript ? Et puis il me répond que certainement, que je perdrais l'utilisation du tactile pour scroller sur l'ipad, mais au moins j'aurais une scrollbar apparente.

Au final je n'ai toujours pas de réponse claire à mon problème, pour une scrollbar verticale + utilisation du tactile sous ipad (apparemment avec 1 doigt c'est pas possible)
 
Et c'est quoi le problème? Les utilisateurs d'iOS savent qu'ils faut utiliser deux doigts pour faire défiler le contenu d'un élément dans une page. Pour tout ce qui est présentation de code informatique, on peut autoriser les espaces sécabes dans un <pre> avec un peu de media queries et de css :

Bloc de code:
    pre {
         white-space: -moz-pre-wrap; 
        white-space: -hp-pre-wrap;
         white-space: -o-pre-wrap;
         white-space: -pre-wrap;
         white-space: pre-wrap;
         white-space: pre-line;
         word-wrap: break-word;
      }
 
Dernière édition par un modérateur: