【问题标题】:Disable pinch to zoom in IE10 while allowing panning [TOUCHSCREEN]在允许平移时禁用捏合以放大 IE10 [TOUCHSCREEN]
【发布时间】:2013-08-06 17:27:02
【问题描述】:

我有一个可滚动的 div(垂直滚动),其中包含图像和文本。我想禁用默认的捏合来放大它,同时保持它的可滚动性。

我在 IE10 中并使用触摸屏。我目前正在使用它来定位该缩放功能:

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

但仍允许在该区域内缩放内容。如果我删除“-ms-touch-action: pan-y;”那么它不再是可缩放的,但它也不再是可滚动的。

另外,我在考虑是否有办法完全禁用多点触控,因为我不需要在此站点上启用任何多点触控手势。

但是,我使用的 NEC Horizo​​n 触摸显示器在设置中没有该选项。

有什么想法吗?谢谢

【问题讨论】:

    标签: css windows-8 internet-explorer-10 multi-touch


    【解决方案1】:

    你能发布一些代码吗?

    我发现 IE 的触摸继承非常不一致。您可能必须指定“-ms-touch-action: none;”在内部元素上以防止缩放。您可能还想查看 -ms-content-zoom-chaining:http://msdn.microsoft.com/en-us/library/ie/hh771889(v=vs.85).aspx

    MSFT 的文档并不糟糕,值得一读: http://msdn.microsoft.com/en-us/library/ie/hh772726(v=vs.85).aspx

    【讨论】:

    • 搞定了。解决方法是将其应用于所有元素: * { -ms-touch-action: none; -ms-内容缩放:无;并定位 div 中可滚动的所有元素: .verticallyScrollableArea * { -ms-touch-action: pan-y;我认为这是通过将 pan-y 放在父 div 上来继承的……但事实并非如此。 “-ms-touch-action: none;”也是如此。 &“-ms-内容缩放:无;”它必须应用于所有元素才能完全禁用该功能。
    • 您可能还想尝试缩放链接和滚动链接属性。在某些情况下,您对我来说效果很好(而在其他情况下则完全没有,因为您知道,MSFT / IE)。如果可行,它可以使 CSS 更清晰、更易于维护。
    猜你喜欢
    • 2013-02-17
    • 2015-07-03
    • 2011-09-20
    • 1970-01-01
    • 2013-12-12
    • 1970-01-01
    • 1970-01-01
    • 2023-03-27
    • 2013-03-20
    相关资源
    最近更新 更多