Forcer l’apparition des scrollbars dans Safari pour MacOS

Lorsqu’on ne bouge pas la souris ou le trackpad dans Safari sur MacOS, les scrollbars (barres de défilement) disparaissent.

Normalement ceci n’est pas un problème mais parfois les scrollbars font partie du design et il est nécessaire de signaler à l’utilisateur qu’il y a plus de contenu que ce qui est visible.

Pour forcer l’apparition des scrollbars, il suffit de rajouter le code suivant dans le CSS :

#monDiv::-webkit-scrollbar { -webkit-appearance: none; }
#monDiv::-webkit-scrollbar:horizontal,
#monDiv::-webkit-scrollbar:vertical { height: 20px; }

#monDiv::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background-color: #ccc;
   border: 5px solid #ccc;
}

#scroller::-webkit-scrollbar-track {
   border-radius: 5px;
   background-color: #eee;
}

Merci à Stack Overflow.

Leave a Reply

Your email address will not be published. Required fields are marked *