2017-09-21 4 views
1

J'ai été forcé de quitter perfect-scrollbar et ngx-perfect-scrollbar en raison de graves problèmes de performance lorsqu'il est utilisé avec 2 angulaire dans IE11. Je travaille sur un gros projet et il y a beaucoup de composants initialisés à la fois. J'ai dû faire plusieurs astuces, pas plaisantes, pour maintenir la performance de la page dans la zone lisse et réactive (les cartes D3 y sont particulièrement sensibles).Je ne peux pas me débarrasser de la barre de défilement interne dans IE 11 (en utilisant simplebar)

Quoi qu'il en soit, j'ai choisi simplebar en raison de son utilisation du défilement natif qui a un avantage significatif dans la résolution de ces problèmes de performance. Cependant, j'ai toujours un problème majeur. Lorsque j'init une instance de la barre de défilement, j'obtiens à la fois la barre de défilement simple et la barre de défilement native du navigateur. J'ai réussi à contourner ce problème en utilisant ce bout de code CSS:

::-webkit-scrollbar { /* for Mac OS X support */ 
    width: 0; 
} 

Cependant, cela ne fonctionne pas avec Internet Explorer 11. Je vois encore la barre de défilement. C'est un briseur d'affaire pour moi. IE 11 est un must, le client l'utilise dans toute l'organisation. Peut-être que je fais quelque chose de mal. Les styles CSS semblent bien à première vue. Si je désactive simplebar, je ne vois aucune barre de défilement.

+1

try '-m-style overflow: none;' pour ce conteneur auquel vouloir ajouter Défilement –

+0

Merci! On dirait que c'est le travail: D Vous pouvez le poster comme une réponse afin que je puisse sélectionner comme accepté. –

+0

Hey Adrian J'ai ajouté une réponse –

Répondre

1

Vous pouvez comme ça

-ms-overflow-style: none; 

Il vous aidera à supprimer le défilement d'addition d'IE