Désactiver Navigation Swipe dans Metro IE

Question

J'essaie de désactiver le balayage de navigation. Je ne veux pas que la page Web revienne ou avance lorsque l'utilisateur balaie vers la gauche ou vers la droite.

J'ai remarqué que nous pouvons définir l'action tactile à aucun sur l'élément html empêchant le comportement. Cependant, lors du défilement d'un élément enfant qui a un débordement, il va "enchaîner" le défilement, puis permettra la navigation arrière.

J'ai donc pensé à ajouter -ms-scroll-chaining: none sur l'élément html, mais cela ne fonctionne que si l'élément défile. Donc ajouter un débordement: faites défiler sur html fait l'affaire. Mais maintenant j'ai des barres de défilement sur mes autres navigateurs.

Quelle est la bonne façon de procéder?

html { 
     -ms-touch-action: none; /* Doesn't work if scrolling from child element */ 
     -ms-scroll-chaining: none; /* Works only with the next line */ 
     overflow: scroll; /* With this line all the other browsers have a scrollbar */ 
    } 

Answer 1

je ceci:

@media screen and (-ms-high-contrast: none) { 
    // Windows 8+ IE only 
    html { 
     overflow-x: scroll; 
     -ms-touch-action: none; 
     -ms-overflow-style: none; 
     -ms-scroll-chaining: none; 
    } 
} 

Answer 2

Avez-vous essayé

body, html { 
    -ms-touch-action:none; 
} 

et pour toutes les classes qui peuvent être défilée (Y - axe) appliquer

-ms-scroll-chaining: none;

Dans mon projet, nous avons la classe spéciale pour faire défiler ce est confortable:

.scroll-y { 
    overflow-y: auto; 
    overflow-x: hidden; 
    -ms-scroll-chaining: none; 
} 

a marché pour moi