How to Disable Ie10 History Swipe Gesture

Can I disable IE10 history swipe gesture?

The solution is simple, you just need to add a CSS style that prevents scroll behavior from bubbling up from child elements that have reached their scroll limit, to parent elements (where the scroll eventually turns into a top-level history navigation).

The docs (http://msdn.microsoft.com/en-us/library/windows/apps/hh466007.aspx) state that the default is:

-ms-scroll-chaining: none;

However the default appears to really be:

-ms-scroll-chaining: chained;

I set that style to none by default and chained on the elements in my carousel that really should be chained, which disabled history navigation gestures in my app:

* {
-ms-scroll-chaining: none;
}

.carousel * {
-ms-scroll-chaining: chained;
}

Disabling swipe right to previous page on Windows Phone

I encountered the same problem on a little web application : it which was a scratch game, where the player had to swipe the finger all over the "scratchable" zone to discover what he had won.

The game was supposed to run on Windows 8.1 tablets, with IE10 on it.

We put in the css this snippet :

*{
touch-action: none;
}

The result is to completely deactivate any touch events on the app (including the swipe backward / forward).

But we had to reactivate the touch event only on the scratch zone, to allow the player to play :)

For this we had to add this :

#playzone{
touch-action: chained;
}

The app still works perfectly, both on IE10 on tablets but also on Windows Phone 8.1.

(please forgive my English, it's not my mother tongue)

EDIT : After having tested more on IE, it seems that adding the touch-action:none; on the html element is enough to achieve what the OP wanted.

Disable Navigation Swipe in Metro IE

I used this:

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

Horizontal touch scrolling on IE10

Add

-ms-scroll-chaining: none; 

to the element that has

-ms-touch-action: pan-x;

http://msdn.microsoft.com/en-us/library/windows/apps/hh466007.aspx

IE 10 lack of search preferences

An old post states FireBug Lite works with IE,

Old Post

I think that will solve the problem easily, as IE. Console methods may work or not, but firebug will do for sure.. :)

Its also having js version that you can incluse in the <head> of html file..

there is one trick to this refer this video, that adds code to shortcut in IE 10 and firebug works

I hope this will do,



Related Topics



Leave a reply



Submit