Maison > interface Web > tutoriel CSS > Comment placer la barre de défilement sur le côté gauche d'un Div en CSS ?

Comment placer la barre de défilement sur le côté gauche d'un Div en CSS ?

DDD
Libérer: 2024-10-26 22:31:02
original
535 Les gens l'ont consulté

How to Place the Scrollbar on the Left Side of a Div in CSS?

Personnalisation du placement de la barre de défilement div

Bien que l'attribut overflow vous permette d'activer le défilement d'un div, par défaut, la barre de défilement apparaît à droite. côté main. Si vous souhaitez que la barre de défilement soit positionnée à gauche, c'est possible via CSS.

Pour obtenir un placement de la barre de défilement à gauche, utilisez la direction :rtl; Propriété CSS dans le div qui contient la zone de défilement. Ce paramètre change la direction du texte de droite à gauche. Cependant, vous pouvez réinitialiser la direction du texte de gauche à droite dans le div interne qui contient votre contenu.

Voici un extrait CSS non testé qui illustre cette approche :

<code class="css">#scroll {
    direction: rtl; 
    overflow: auto; 
    height: 50px; 
    width: 50px;
}

#scroll div {
    direction: ltr;
}</code>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal