28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je chercher à mettre une scrollbar dans un "contenair" sans qu'elle soit visible ...
J'avais pensé à mettre

.parent{
height:25rem;
overflow:hidden;
}

.enfant {
max-height:25rem;
overflow:auto;
}


upload/1562661013-71432-capture.png
Administrateur
Hello,

Avec un overflow:auto; sur l'enfant on verra la scrollbar dès que le contenu dépassera la hauteur de 25rem. C'est donc normal qu'elle soit affichée.

Il faudrait également la rendre "hidden". Ceci dit, je te le déconseille fortement pour des raisons évidentes d'ergonomie et d'accessibilité.
J'ai testé de partir vers les "::-webkit-scrollbar".


.scroller{
    max-height: 25rem;
    overflow:auto;
    &_invisible{
        &::-webkit-scrollbar {
            display:none;
        }
    }
}


ça à l'air plutôt fonctionnel pour le moment .
Administrateur
pacsys a écrit :
J'ai testé de partir vers les "::-webkit-scrollbar".
ça à l'air plutôt fonctionnel pour le moment .

Oui mais pas sur tous les navigateurs Smiley decu