Ipad ligne horizontale safari lors du défilement

Empêcher le caoutchouc de la bande de défilement pour la page des applications simples dans Safari 5.1

29 juillet 2011

Safari 5.1 de (sur Mac OS X Lion) le défilement élastique est teh génial pour les sites web et les applications "classiques" web comme bon vieux rousseur de suivi du temps. mais pour les applications d'une seule page newfangled (comme notre prochain email twitter app de support, charme) qui ont leur propre mise en page et visent à ressembler davantage à des applications de bureau, il peut obtenir rapidement de la manière; qui est lorsque vous utilisez le défilement vertical sous-éléments (comme les listes) dans votre application.

Ipad ligne horizontale safari lors du défilement

Ne jamais craindre, ce petit extrait de CSS va désactiver le défilement élastique:

Cela bien sûr, désactive tous les défilement de l'élément de corps, de sorte que vous aurez besoin d'un div wrapper qui est overflow: auto autour de votre contenu respectif (éléments avec overflow: auto ne pas utiliser le caoutchouc de la bande de défilement).

À noter, la mise en overflow: scroll fera ressembler à la barre de défilement vertical ne va pas tout le chemin vers le bas. En effet, il n'y a plus de place pour une barre de défilement horizontale qui est pas nécessaire dans la plupart des cas, la solution est d'utiliser overflow-y: faites défiler ou juste le trop-plein: auto sur le défilement du contenu wrapper div.

À cet égard, le nouveau -webkit-overflow-scrolling: propriété tactile permettra un seul doigt défilement élastique des éléments dans une page, mais uniquement sur Safari Mobile dans la prochaine version d'iOS. Cette propriété ne change pas le comportement de défilement sur le bureau Safari (encore? Je souhaite qu'il y serait soutenu aussi).

Related posts

  • Mon écran a une verticale Black Line 8 septembre 2010 Je n'ont été en utilisant mon nouvel iPad pour quelques heures et une fine ligne noire verticale est apparu sur l'écran. Je suppose que j'ai un iPad défectueux ...

  • Donc capable, vous ne voudrez pas mettre bas. Donc, mince et léger, vous ne devrez pas. Non seulement un écran plus mince. Un bel affichage. puissance massive. Dans une forme minimale. Jusqu'à 10 heures batterie Non ...

  • LJ Rich Ma quête de fixer un iPad cassé 16 Février 2014 Média caption Après avoir rompu son iPad 2 écran, Cliquez décidé d'apprendre à réparer elle-même. Compte tenu de notre dépendance sur les smartphones ...

  • Best Management Project iPad Apps pour gérer des projets sur la gestion Go projet est essentiel pour les petites équipes et les grandes entreprises. Il est l'un des facteurs essentiels qui décident ...

  • Quel est le meilleur Office App pour mon iPhone ou iPod Touch? par Matthew Guay le 17 Novembre 2010 Voulez voir ce que toutes les grandes applications de bureau pour iPhone et iPod Touch offre sans perdre ...


Warning: include_once(/home/admin/web/french.mobilesbuzz.com/public_html/ins/aftercontent.txt): failed to open stream: No such file or directory in /home/admin/web/french.mobilesbuzz.com/public_html/quand/ipad-ligne-horizontale-safari-lors-du-dfilement.php on line 110

Warning: include_once(): Failed opening '/home/admin/web/french.mobilesbuzz.com/public_html/ins/aftercontent.txt' for inclusion (include_path='.:/usr/share/pear:/usr/share/php') in /home/admin/web/french.mobilesbuzz.com/public_html/quand/ipad-ligne-horizontale-safari-lors-du-dfilement.php on line 110