[Résolu] Scrollbar Hidden ?

pacsys

9 Jul 2019 à 10:31

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;
}

Raphael

Administrateur

9 Jul 2019 à 10:52

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é.

pacsys

9 Jul 2019 à 10:55

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 .

Raphael

Administrateur

9 Jul 2019 à 10:58

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