Mac OS X Lion, les barres de défilement, et de la convivialité d'un site web
J'ai un certain nombre de débordait divs que j'utilise pour afficher une grande quantité de contenu dans un petit espace (comme les longues listes, etc). Donner des divs la règle CSS de overflow: auto;
toujours travaillé comme un charme, donnant à l'utilisateur des barres de défilement pour en préciser davantage le contenu était disponible.
C'est un peu jeté par la fenêtre avec Mac OS X Lion, qui (comme par défaut) masque les barres de défilement, sauf si vous êtes activement de défilement. J'aime lorsque l'on traite avec une application sur mon ordinateur, parce que je pense qu'il y a de très forts indices visuels qui vous peut faites défiler pour voir plus de contenu. Sur la page web des éléments, c'est beaucoup moins clair, et j'ai peur que mes utilisateurs ne sais pas il n'y a plus de contenu (exemple: StackOverflow de "Questions aux titres similaires" lors de l'entrée dans une nouvelle question est un bon exemple).
Est-ce une préoccupation légitime, ou seront les utilisateurs de Lion savoir que si quelque chose semble être coupé, il indique que le défilement peut être disponible? Existe-il des solutions de contournement, par exemple, forcer les navigateurs en cours d'exécution sur Lion de rendre des barres de défilement si c'est un élément de la page (et non pas la page elle-même)??
- Question intéressante, je pensais à moi-même. Je partage la même pensée qu'ils sont de bons indicateurs pour qu'il y est quelque chose de déplacé. FWIW, les barres de défilement ne s'affiche quand vous ouvrez une page, puis fade out...
- Êtes-vous sûr que le Lion ne pas afficher les barres de défilement dans ces cas? Je n'ai pas le Lion, donc je ne peux pas le tester. Bonne question si.
- iOS de ne pas afficher les barres de défilement, et je ne vois pas les gens à s'en plaindre. Prenez par exemple le long des extraits de code ici dans StackOverflow: vous pouvez faire défiler avec deux doigts et aucune barre n'apparaît.
- Il devrait ressembler à ceci: i.imgur.com/IS4Ee.png Notez qu'il n'y a pas de barres de défilement sur la boîte pour les messages avec des titres similaires.
- J'étais en train de travailler sur une boîte de dialogue modale (à l'aide de jQuery UI), qui contenait un
ul
liste avec une hauteur fixe et un grand nombre d'enfantsli
's, et pas de barres de défilement est apparu sans activement de défilement. Je savais qu'il y avait plus de contenu (parce que je l'ai fait), mais je ne pense pas que tous les utilisateurs... donc ma question. - Mon sentiment, c'est les utilisateurs d'iOS en général de savoir que tout défile, donc l'attente est déjà là. Sur un ordinateur de bureau, j'ai l'impression que plus les indices sont nécessaires pour indiquer à l'utilisateur que quelque chose est scrollable, surtout si c'est un plus petit élément sur une page web. Mes deux cents sur iOS, de toute façon.
- Wow, je vais être très en colère quand j'ai fini par l'obtenir autour de l'installation de Lion, n'est-ce pas? Où sont mes putain des barres de défilement!
- Je suis d'accord neezer, mais pas toujours, tout est scrollable. Examinez le long de la ligne des extraits sur un iPad. Vous n'aurez qu'à savoir qu'il a plus de contenu si vous essayez de défilement horizontale avec 2 doigts.
- si jamais vous êtes intéressé dans le fait d'utiliser le Lion barres de défilement sur un site, avec le fondu/en effet, quelqu'un l'a fait: learnboost.github.com/antiscroll
Vous devez vous connecter pour publier un commentaire.
Je suis en désaccord avec cela. Oui, je comprends l'UI/UX argument. Cependant certains sites, en particulier l'approche Horizontale pour la navigation sur le besoin de ce que les utilisateurs ne peuvent pas savoir de navigation va à l'horizontale. Un correctif à force il a toutefois été mentionné. J'ai trouvé cela fonctionne bien:
Ouvrir mon code dans Mac Safari, Chrome etc (JS FIDDLE APERÇU)
-webkit-overflow-scrolling: auto;
pour l'obtenir à afficher sur un iPhone sous iOS 7. Perdre le rythme du défilement.C'est une attaque. Laissez le système en prendre soin. Si l'utilisateur utilise le Lion, c'est parce qu'ils aiment cela. Et s'ils l'utilisent et n'aiment pas les nouvelles barres de défilement, ils vont juste changer ça dans les Préférences Système.
Lion n'prendre soin de lui-même en faisant clignoter les barres de défilement sur n'importe quel élément déroulant pour un instant, quand il arrive en vue, en donnant à l'utilisateur un premier indice qu'il y a plus à faire défiler jusqu'à. Bien sûr, l'utilisateur peut ou peut ne pas remarquer cette. Si l'utilisateur est utilisé pour le Lion façon de faire les choses, votre site ne sera pas le seul endroit où cela se produit et l'utilisateur sait probablement la façon de traiter avec elle. Si votre boxen look "unscrollable" sans les barres de défilement, vous pourriez vouloir donner une meilleure indication qu'ils sont défilement, par exemple en ayant une frontière claire autour de la boîte avec quelques cut-off à l'intérieur. Cela peut être quelque chose que vous voulez faire indépendamment de Lion.
Si vous pouvez améliorer votre INTERFACE utilisateur de faire capacité à permettre le défilement de plus évident, de le faire de toute façon. Sinon, si votre contenu est présenté d'une manière qui suggère il n'y a plus, je ne voudrais pas vous soucier de manquer des barres de défilement sur un système, l'utilisateur doit avoir l'habitude.
Vous pouvez profiter de cette à https://ux.stackexchange.com/ pour certains de vrais avis d'expert.
OS X Lion est vraiment juste de forcer la question. Les utilisateurs de navigateurs mobiles (iOS et Andriod) ont été râler à ce sujet depuis des lustres ... le dépassement de truc ne pas travail en général; vous avez besoin de réfléchir plus sérieusement à la conception de page ou de regarder au-delà de la norme le comportement du navigateur et ajouter le support de javascript pour le tactile et le défilement (par exemple, jqTouch).
Malheureusement, le Lion de la barre de défilement comportement n'est pas seulement sur les sites web. Par exemple, il rend mon vnc sessions de machines avec de grandes paramètres d'affichage assez ennuyeux (à redimensionner la fenêtre vnc pour convaincre Lion pour me montrer une barre de défilement).
Doublement malheureusement, la solution est d'aller dans "Préférences > Général > Afficher les barres de défilement:" et sur "toujours". Type de annule toute la dynamique qu'Apple essaie de construire avec le Lion. Mais le fait d'être en mesure d'utiliser effectivement la fichue chose est d'un usage général atout..
J'étais JUSTE avec cette même question. Voici le correctif que j'ai trouvé. Il rend la barre de défilement apparaissent toujours avec Safari sur Mac de l'Air et de l'iPad, j'ai testé avec. Bien sûr, ce n'est que lorsqu'il y a plus de contenu pour être vu. Pas quand tout le contenu est affiché.
N'étant pas un utilisateur de mac, je vais rester en dehors de la discussion philosophique quant à savoir si ou de ne pas Lion doit cacher les barres de défilement.
Comme pour forcer les barres de défilement apparaissent dans la page des éléments, il suffit de réglage CSS,
overflow: scroll
fait le tour. Qui définit à la fois verticale et horizontale, barres de défilement pour toujours apparaître, et c'est assez évident quand ils n'ont rien à faire défiler.Si vous ne voulez jamais faire défiler verticalement ou horizontalement, et ne pas avoir l'autre dimension de la barre de défilement s'affichent, vous pouvez utiliser
overflow-y: scroll
ouoverflow-x: scroll
respectivement, au lieu deoverflow: scroll
. Cela fonctionne dans tous les navigateurs modernes, mais pas dans IE8 et moins.