CODEWITHSUNDEEP
csswindows-8internet-explorer-10multi-touch
Toddles
Toddles

Reputation: 31

Disable pinch to zoom in IE10 while allowing panning [TOUCHSCREEN]

I have a scrollable div (that scrolls vertically) with images and text in it. I want to disable the default pinch to zoom on it while maintaining its scrollability.

I'm in IE10 and using a touchscreen. I'm currently using this to target that zooming feature:

-ms-touch-action: pan-y; -ms-content-zooming: none;

but the content is still allowed to pinch-to-zoom within that area. If I remove "-ms-touch-action: pan-y;" then it is no longer zoomable, but it is no longer scrollable either.

Alternatively, i was thinking if there is a way to disable multi-touch altogether, that would work just as well since I don't need any multi-touch gestures enabled on this site.

However, the NEC Horizon touch monitor I'm using doesn't have that option in the settings.

Any thoughts? thanks

Upvotes: 0

Views: 2611

Answers (1)

SMASHHANDS
SMASHHANDS

Reputation: 66

Can you post some code, please?

I've found IE's touch inheritance to be wondrously inconsistent. you may have to specify "-ms-touch-action: none;" on the inner elements to prevent the zoom. You may also want to look at the -ms-content-zoom-chaining as well: http://msdn.microsoft.com/en-us/library/ie/hh771889(v=vs.85).aspx

MSFT's docs aren't terrible, and worth a run through: http://msdn.microsoft.com/en-us/library/ie/hh772726(v=vs.85).aspx

Upvotes: 1

Related Questions