7
votes

Définition de la bonne orientation pour les barres de défilement dans les pages de droite à gauche

Je travaille avec des mises en page de droite à gauche pour le moment (pensez hébreu ou arabe). Dans RTL, la page est généralement renversée horizontalement. Cependant, je ne peux pas comprendre comment changer l'orientation des barres de défilement. Je supposerais que les barres de défilement doivent apparaître sur le côté gauche d'un élément défilable, pas le côté droit comme celui-ci dans une mise en page LTR.

Voici un exemple de page où la barre de défilement apparaît toujours à droite: p>

<html dir="rtl">
<body>
<div style="height: 100px; overflow: auto;">
    <p>This is some text</p>
    <p>This is some text</p>
    <p>This is some text</p>
    <p>This is some text</p>
    <p>This is some text</p>
</body>
</html>


3 commentaires

Tout comme Sidenote, je suis un arabe, et la plupart du site Web que je connais conserver la barre de défilement dans son emplacement par défaut (qui est, j'imagine, spécifique au système).


Peut-être que ça vaut la peine de demander à vos utilisateurs comment ils ressentent de la commutation de la barre de défilement, le trouvent-ils plus utilisables?


Lorsque vous êtes dans la mise en page RTL et que vous passez un menu à droite. Être une barre de défilement à côté de ce n'est pas une bonne idée. Et généralement si nous avons une table sur la page, il sera placé sur le côté gauche et il est préférable de voir la barre de défilement à côté de celle-ci. Je pense qu'il est plus raisonnable de placer la barre de défilement dans le contraire.


4 Réponses :


0
votes

Vous pouvez ajouter l'attribut DIR à la balise comme suit:

<body dir="rtl">


1 commentaires

Dans l'opéra, l'utilisateur peut forcer la barre de défilement à droite: Opera: Config # RTL% 20Flips% 20UI



11
votes

Je ne pense pas que ce soit une bonne idée de faire cela, je suis arabe moi-même et je trouve cela vraiment ennuyeux lorsque les barres de défilement sont à gauche.


7 commentaires

Connaissez-vous de bonnes ressources qui expliquent ce que les gens dans les locaux RTL attendent-ils? C'est un problème global plus important - sachant ce qui est souhaité en premier lieu.


Je suis désolé de ne pas savoir de ressources qui en discutent, aussi, Google ne revient pas beaucoup à ce sujet. Mais de toute façon, ce que je peux dire, c'est que ce n'est pas bon d'être fait "par fenêtre". En d'autres termes, si l'utilisateur utilise la mise en miroir (je parle des paramètres de son système d'exploitation), vous n'avez plus besoin de faire quoi que ce soit car l'utilisateur a déjà choisi ce qu'ils veulent. Mais si l'utilisateur n'utilise pas la mise en miroir, cela signifie qu'ils ont les barres de défilement à droite pour toutes les fenêtres, et cela devient vraiment ennuyeux lorsqu'il a une fenêtre avec des barres de défilement à gauche. Il devrait être laissé aux paramètres du système d'exploitation.


Je ne suis pas totalement sûr, mais je pense que la majorité des orateurs arabes n'utilisent de toute façon pas à miroir, c'est l'ESP. vrai pour Windows XP et Vista. Eh bien, au moins aucune des personnes que je ne connaisse l'utiliser.


True, la fenêtre du navigateur appartient à l'utilisateur et l'utilisateur définit le système d'exploitation dans une certaine direction, le HTML ne doit pas dicter ce paramètre, car l'utilisateur qui utilise un navigateur pour parcourir les sites RTL, est le même utilisateur qui navigue YouTube in Ltr , il serait donc absolument ennuyant de briser son expérience ... Chrome et Firefox font-le bien, c'est-à-dire m'énerve encore beaucoup que je travaille vraiment autour de cela en mettant la propriété RTL sur un div dans le corps


J'ai un droit de gauche sur le site gauche afin que le menu latéral soit à droite et que la barre de défilement à droite est très gênante car elle est assise sur le menu, ce qui rend difficile la lecture de ce qui est écrit sur les éléments de menu.


N'est-il pas préférable que le navigateur respecte la décision du développeur? Dans certains cas, il existe un élément de position fixe comme des barres latérales sur la main gauche dans le LTR. Et dans la direction RTL, ils sont à droite. N'est-il pas préférable que le développeur ait la possibilité de placer la barre de défilement en face? Dans ces cas, la barre de défilement n'a aucun effet sur l'élément à côté de celui-ci.


@Waleeedeissa, que pensez-vous de rtlstyling.com/posts/...?



1
votes

Il n'y a pas de moyen standard de retourner le côté des barres de défilement de page, car il s'agit d'un élément UI pendant que vous pouvez contrôler uniquement le contenu de la page (HTML).


0 commentaires

3
votes

Faites juste cela à l'étiquette du corps: xxx

et cela fonctionnera bien pour IE uniquement.

Firefox, Safari et Chrome sont une autre histoire, vous avez besoin de certaines JavaScript pour le faire fonctionner.


0 commentaires