Masquer les barres de défilement dans Safari (iOS 11.1.2) n'est toujours pas possible avec webkit-scrollbar ?

Question

J'ai besoin de cacher toutes les barres de défilement dans mon application web dans la dernière Safari (iOS 11.1.2) . Ils doivent être cachés même en défilant.

Les éléments défilables ont la valeur "touch" dans -webkit-overflow-scrolling afin de faciliter la lecture de longues listes et de contenus.

Pour masquer les barres de défilement, j'ai essayé d'appliquer les règles suivantes aux éléments défilables :

.element::-webkit-scrollbar {
  display: none;
}

ou

.element::-webkit-scrollbar {
    -webkit-appearance: none;
}

ou la combinaison de ces deux éléments. Mais ça n'a eu aucun effet.

Est-il possible de masquer les barres de défilement dans ces conditions ?

Ou le seul moyen est de masquer les barres de défilement en utilisant le hack connu en donnant une valeur négative de margin-right au conteneur de l'élément ?

Answer 1

Vous pouvez peut-être utiliser :

.element {
  overflow: hidden;
}