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
Apply Multiple Styles with .Style() Method in D3.Js
Ie Thumbnail Pixelation When High Resolution Image Is Set to Small Size
Using Media Queries to Only Include Js Files on Mobile
How to Dynamically Change CSS Style Attribute of Div Tag
D3: .Transition() Not Working with Events
Javascript: Hiding and Showing Div Tag with a Toggle Button
Set A:Visited Style with JavaScript or Jquery
Invert Filter Not Working on Ie and Safari
Why Does Queryselector('Div Span') Match Even Though Queryselector('Div') Does Not
Style a D3 Element with Jquery and CSS
How to Have Select Filter in Ngtable
Find Unused Images, CSS Rules, Js Script Blocks
Make View 80% Width of Parent in React Native
Removing Legend on Charts with Chart.Js V2
Why Aren't Safari or Firefox Able to Process Audio Data from Mediaelementsource